:root{--sc-neu-bg: #f3f6f9;--sc-neu-dark: #d5deea;--sc-neu-light: #ffffff;--sc-neu-accent: #14b8a6;--sc-neu-text: #64748b}.sc-neumorphic-board{background-color:var(--sc-neu-bg);border-radius:32px;padding:32px;margin:-8px;box-sizing:border-box}.sc-section-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--sc-neu-text);margin-bottom:12px;margin-left:8px}.sc-cond-box{background:var(--sc-neu-bg);border-radius:20px;padding:16px 20px;box-shadow:6px 6px 14px var(--sc-neu-dark),-6px -6px 14px var(--sc-neu-light);display:flex;flex-direction:column;gap:8px}.sc-label{display:block;font-size:11px;font-weight:700;color:var(--sc-neu-text);text-transform:uppercase;letter-spacing:.06em}.sc-num-wrap{display:flex;align-items:center;gap:8px}.sc-num-input,.sc-money-input{border:none;outline:none;background:var(--sc-neu-bg);border-radius:12px;color:#334155;transition:all .3s ease;box-shadow:inset 4px 4px 8px var(--sc-neu-dark),inset -4px -4px 8px var(--sc-neu-light)}.sc-num-input:focus,.sc-money-input:focus{box-shadow:inset 5px 5px 10px var(--sc-neu-dark),inset -5px -5px 10px var(--sc-neu-light);color:var(--sc-neu-accent)}.sc-num-input{flex:1;min-width:0;padding:10px 14px;font-size:16px;font-weight:700;text-align:right}.sc-unit{font-size:13px;color:var(--sc-neu-text);font-weight:600;width:44px}.sc-field{background:var(--sc-neu-bg);border-radius:24px;padding:20px 24px;box-shadow:6px 6px 14px var(--sc-neu-dark),-6px -6px 14px var(--sc-neu-light);transition:all .3s ease}.sc-field.sc-active{box-shadow:inset 5px 5px 12px var(--sc-neu-dark),inset -5px -5px 12px var(--sc-neu-light)}.sc-field.sc-active .sc-money-input{color:var(--sc-neu-accent)}.sc-field-label{display:block;font-size:11px;font-weight:700;color:var(--sc-neu-text);margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}.sc-input-wrap{display:flex;align-items:center;gap:8px}.sc-currency{font-size:18px;font-weight:800;color:#94a3b8;transition:color .3s}.sc-field.sc-active .sc-currency{color:var(--sc-neu-accent)}.sc-money-input{padding:12px 0;font-size:24px;font-weight:800;font-family:ui-monospace,monospace;width:100%;text-align:right;background:transparent;box-shadow:none}.sc-money-input::-moz-placeholder{color:#cbd5e1;font-size:16px}.sc-money-input::placeholder{color:#cbd5e1;font-size:16px}.sc-money-input:focus{box-shadow:none}.sc-graph-box{background:var(--sc-neu-bg);border-radius:24px;padding:24px;box-shadow:inset 4px 4px 10px var(--sc-neu-dark),inset -4px -4px 10px var(--sc-neu-light)}.sc-graph-bar-wrap{height:24px;background:var(--sc-neu-bg);border-radius:12px;display:flex;overflow:hidden;padding:4px;gap:4px;box-shadow:inset 3px 3px 6px var(--sc-neu-dark),inset -3px -3px 6px var(--sc-neu-light)}.sc-bar{height:100%;border-radius:8px;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.sc-bar-base{background:linear-gradient(135deg,#2dd4bf,#0d9488);box-shadow:2px 2px 5px #0d94884d}.sc-bar-bonus{background:linear-gradient(135deg,#38bdf8,#0284c7);box-shadow:2px 2px 5px #0284c74d}.sc-breakdown-box{background:var(--sc-neu-bg);border-radius:24px;padding:24px;box-shadow:6px 6px 14px var(--sc-neu-dark),-6px -6px 14px var(--sc-neu-light)}.sc-bd-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid rgba(148,163,184,.1)}.sc-bd-row:last-child{border-bottom:none}.sc-bd-label{font-size:12px;color:var(--sc-neu-text);font-weight:600}.sc-bd-val{font-size:15px;font-weight:800;font-family:ui-monospace,monospace;color:#334155}.sc-bd-total-row{background:var(--sc-neu-bg);border-radius:12px;margin-top:8px;box-shadow:inset 3px 3px 6px var(--sc-neu-dark),inset -3px -3px 6px var(--sc-neu-light)}.sc-bd-total-row .sc-bd-val{color:var(--sc-neu-accent);font-size:16px}.sc-neumorphic-btn{padding:14px 28px;font-weight:700;border-radius:50px;border:none;background:var(--sc-neu-bg);color:var(--sc-neu-text);cursor:pointer;font-size:14px;transition:all .2s ease;box-shadow:5px 5px 12px var(--sc-neu-dark),-5px -5px 12px var(--sc-neu-light)}.sc-neumorphic-btn:hover{color:#334155;box-shadow:6px 6px 14px var(--sc-neu-dark),-6px -6px 14px var(--sc-neu-light)}.sc-neumorphic-btn:active{box-shadow:inset 4px 4px 8px var(--sc-neu-dark),inset -4px -4px 8px var(--sc-neu-light)}.sc-neumorphic-btn-primary{color:var(--sc-neu-accent)}.sc-neumorphic-btn-primary:hover{color:#0d9488}