:root{--sc-neu-bg:#f3f6f9;--sc-neu-dark:#d5deea;--sc-neu-light:#fff;--sc-neu-accent:#14b8a6;--sc-neu-text:#64748b}.sc-neumorphic-board{background-color:var(--sc-neu-bg);box-sizing:border-box;border-radius:32px;margin:-8px;padding:32px}.sc-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--sc-neu-text);margin-bottom:12px;margin-left:8px;font-size:11px;font-weight:800}.sc-cond-box{background:var(--sc-neu-bg);box-shadow:6px 6px 14px var(--sc-neu-dark), -6px -6px 14px var(--sc-neu-light);border-radius:20px;flex-direction:column;gap:8px;padding:16px 20px;display:flex}.sc-label{color:var(--sc-neu-text);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700;display:block}.sc-num-wrap{align-items:center;gap:8px;display:flex}.sc-num-input,.sc-money-input{background:var(--sc-neu-bg);color:#334155;box-shadow:inset 4px 4px 8px var(--sc-neu-dark), inset -4px -4px 8px var(--sc-neu-light);border:none;border-radius:12px;outline:none;transition:all .3s}.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{text-align:right;flex:1;min-width:0;padding:10px 14px;font-size:16px;font-weight:700}.sc-unit{color:var(--sc-neu-text);width:44px;font-size:13px;font-weight:600}.sc-field{background:var(--sc-neu-bg);box-shadow:6px 6px 14px var(--sc-neu-dark), -6px -6px 14px var(--sc-neu-light);border-radius:24px;padding:20px 24px;transition:all .3s}.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{color:var(--sc-neu-text);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.sc-input-wrap{align-items:center;gap:8px;display:flex}.sc-currency{color:#94a3b8;font-size:14px;font-weight:800;transition:color .3s}.sc-field.sc-active .sc-currency{color:var(--sc-neu-accent)}.sc-money-input{text-align:right;width:100%;box-shadow:none;background:0 0;padding:12px 0;font-family:ui-monospace,monospace;font-size:24px;font-weight:800}.sc-money-input::placeholder{color:#cbd5e1;font-size:16px}.sc-money-input:focus{box-shadow:none}.sc-graph-box{background:var(--sc-neu-bg);box-shadow:inset 4px 4px 10px var(--sc-neu-dark), inset -4px -4px 10px var(--sc-neu-light);border-radius:24px;padding:24px}.sc-graph-bar-wrap{background:var(--sc-neu-bg);height:24px;box-shadow:inset 3px 3px 6px var(--sc-neu-dark), inset -3px -3px 6px var(--sc-neu-light);border-radius:12px;gap:4px;padding:4px;display:flex;overflow:hidden}.sc-bar{border-radius:8px;height:100%;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);box-shadow:6px 6px 14px var(--sc-neu-dark), -6px -6px 14px var(--sc-neu-light);border-radius:24px;padding:24px}.sc-bd-row{border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.sc-bd-row:last-child{border-bottom:none}.sc-bd-label{color:var(--sc-neu-text);font-size:12px;font-weight:600}.sc-bd-val{color:#334155;font-family:ui-monospace,monospace;font-size:15px;font-weight:800}.sc-bd-total-row{background:var(--sc-neu-bg);box-shadow:inset 3px 3px 6px var(--sc-neu-dark), inset -3px -3px 6px var(--sc-neu-light);border-radius:12px;margin-top:8px}.sc-bd-total-row .sc-bd-val{color:var(--sc-neu-accent);font-size:16px}.sc-neumorphic-btn{background:var(--sc-neu-bg);color:var(--sc-neu-text);cursor:pointer;box-shadow:5px 5px 12px var(--sc-neu-dark), -5px -5px 12px var(--sc-neu-light);border:none;border-radius:50px;padding:14px 28px;font-size:14px;font-weight:700;transition:all .2s}.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}