/* SellerUp 0.2 — Midnight / Indigo. Presentation only. */
:root{--navy:#12213b;--muted:#52627b;--line:#d9e1ed;--blue:#4338ca;--teal:#4338ca;--mint:#eef0ff;--shadow:0 5px 20px #12213b08;font-size:16px;color:#23334b;background:#edf2f8}
body{background:#edf2f8;color:#23334b}
svg{stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.sidebar{background:linear-gradient(165deg,#172a48,#101b30 75%);border-color:#263956;box-shadow:0 16px 40px #13233e22;color:#d5deee}
.brand{color:#fff;letter-spacing:-1.2px}.brand small{color:#b7c6e0;font-size:10px;letter-spacing:1.6px}.brand-mark{background:linear-gradient(145deg,#7777ff,#4f46e5);border:1px solid #9a9aff55;box-shadow:0 5px 18px #0003;width:43px;height:43px}
.school{background:#ffffff08;border-color:#ffffff17;border-left:3px solid #818cf8;color:#bdcce0}.school strong{color:#f1f5ff;font-size:14px}.sidebar .eyebrow{color:#9daecc;letter-spacing:1.6px}
.sidebar nav button{color:#c7d4e8;font-size:14px;padding:11px 12px;gap:11px;border-radius:12px;font-weight:600}.sidebar nav button>svg{width:21px;height:21px;padding:7px;box-sizing:content-box;background:#ffffff08;border-radius:9px;stroke-width:1.8;color:#adbfdb}
.sidebar nav button:hover{background:#ffffff0d;color:#fff;border-color:#ffffff12}.sidebar nav button.active{background:linear-gradient(100deg,#4f46e5,#5c52e8);color:#fff;border-color:#8a85ff66;box-shadow:0 6px 18px #080f2733}.sidebar nav button.active svg{color:#fff;background:#ffffff20}.sidebar nav button.active:before{display:none}.nav-count{background:#ffffff15;color:#f0f4ff}
.side-context{background:#ffffff08;border-color:#ffffff17}.side-context>svg{color:#c2c8ff;background:#ffffff0b;border-color:#ffffff14}.side-context strong{color:#f0f4ff}.side-context span,.side-privacy{color:#b4c3da}
.topbar{background:#ffffffeb;border-bottom:1px solid #d8e1ee;min-height:80px;height:auto;padding-block:16px;gap:16px}.course-icon{background:#eef0ff;color:#4338ca;border-color:#d9dcff}.course-picker select{color:#14243e;font-weight:750}.year{background:#edf2f8;color:#485a75;border:1px solid #dce4ef;font-weight:600}.profile{border-color:#d8e1ed;box-shadow:0 2px 8px #15274c05}.avatar{background:#e5e9ff;color:#4338ca;font-weight:750}.profile small{color:#536480}.live-bar{color:#52627b;gap:16px;flex-wrap:wrap;font-size:12px}.live-bar a,.live-bar button{color:#4338ca;font-weight:600}.live-bar a:hover{text-decoration:underline}
main{max-width:1500px;padding-top:30px}.section-kicker{color:#536580;font-size:11px;letter-spacing:1.5px;margin-bottom:10px}.page-head{margin-bottom:26px;gap:20px}.page-head h1{font-size:clamp(1.8rem,2.4vw,2.25rem);letter-spacing:-1.2px;color:#12213b;line-height:1.2}.page-head p{color:#52627b;font-size:15px}.head-actions{flex-wrap:wrap}
.btn{background:#fff;border:1px solid #cbd6e5;border-radius:11px;color:#334660;font-weight:700;min-height:45px;box-shadow:0 2px 3px #15274c05}.btn svg{width:19px;height:19px}.btn:hover{background:#f0f3ff;border-color:#a5b4fc;color:#3730a3}.btn.primary{background:linear-gradient(135deg,#4f46e5,#4338ca);border-color:#4338ca;color:white;box-shadow:0 5px 12px #4338ca26}.btn.primary:hover{background:#3730a3;color:#fff;box-shadow:0 7px 16px #4338ca33}.btn:disabled{opacity:.55;cursor:wait}.text-btn{color:#4338ca;font-size:14px;font-weight:650}
.balance-card{background:radial-gradient(ellipse at 100% 0%,#424994 0%,transparent 70%),linear-gradient(135deg,#172c4c,#142039);border:1px solid #334368;border-radius:20px;box-shadow:0 12px 24px #1427431c;padding:28px 30px}.balance-top{color:#e5edff;font-weight:600;font-size:15px}.balance-top>span:first-child{gap:12px}.balance-top svg{background:#ffffff14;border:1px solid #ffffff20;border-radius:11px;padding:9px;width:21px;height:21px;box-sizing:content-box;color:#d5d9ff}.balance-period{background:#ffffff0d;color:#dae4f7;border-color:#ffffff26;font-size:12px}.balance-number{font-size:clamp(2.5rem,3.8vw,3.6rem);letter-spacing:-2px;color:#fff;line-height:1.2;margin-top:21px}.balance-caption{color:#c7d4e8;font-size:13px}.balance-bottom{border-top-color:#ffffff25}.balance-bottom>div>span{color:#bacbe4;font-size:12px}.balance-bottom strong{font-size:17px}.balance-link{font-size:13px;color:#e0e7ff;font-weight:600}
.finance-board{gap:20px}.metric{border-radius:17px;padding:24px 22px;box-shadow:var(--shadow);border-color:#d7e2e9;border-top:3px solid #168269}.metric:has(.expense){border-top-color:#c87921}.metric-icon{width:44px;height:44px;border-radius:13px;border:1px solid #b4decc}.metric-icon svg{width:23px;height:23px}.metric-icon.income{background:#e1f3ea;color:#087451}.metric-icon.expense{background:#fff0dc;color:#a95012;border-color:#f0d3ae}.metric-label{font-size:14px;font-weight:600;color:#4b5f77}.metric-number{font-size:clamp(1.7rem,2.25vw,2.2rem);letter-spacing:-1px;color:#12213b;white-space:normal;overflow-wrap:anywhere}.metric-caption,.finance-board .metric-caption{font-size:12px;color:#52657e}.collection-metric{border-radius:17px;border-color:#d6dcf6;background:linear-gradient(110deg,#fff,#f1f3ff);padding:22px 25px;box-shadow:var(--shadow)}.collection-number{color:#172747;font-size:29px}.collection-percentage strong{color:#4338ca;font-size:27px}.collection-percentage span{color:#52627b;font-size:12px}.collection-progress .progress{height:9px;background:#dce2f7}.progress{background:#e0e6f4}.progress span{background:linear-gradient(90deg,#4f46e5,#818cf8);border-radius:10px}
.panel,.charge-card{border-color:#d9e2ee;border-radius:18px;box-shadow:var(--shadow);overflow:hidden;background:#fff}.panel-head{padding:23px 25px 18px}.panel h2{font-size:18px;color:#172a45;letter-spacing:-.4px}.panel-body{padding-bottom:25px}.subtle{color:#52627b;font-size:14px;line-height:1.65}.columns{gap:22px}.totals-row{padding-block:17px;color:#4d5d76;font-size:14px}.totals-row:last-child{background:#eef2ff;color:#3730a3;margin:8px -12px 0;padding:16px 12px;border:1px solid #dce2ff;border-radius:11px;font-size:17px;font-weight:750}
.quick-links{gap:12px}.quick-link{background:#f7f9fc;border-color:#dce4ef;border-radius:13px;min-height:104px;font-size:14px;font-weight:650;color:#314760;padding:17px;gap:12px}.quick-link svg{width:22px;height:22px;padding:9px;box-sizing:content-box;border-radius:11px;background:#e7ebff;color:#4338ca}.quick-link[data-action=expense] svg{background:#ffecd9;color:#a95012}.quick-link[data-action=income] svg{background:#def3e9;color:#087451}.quick-link:hover{background:#f0f3ff;border-color:#a5b4fc;box-shadow:0 5px 12px #273c6510}
.tabs{background:#dfe6f1;border-color:#d7dfed;padding:5px;border-radius:12px}.tabs button{color:#495a75;font-weight:650;font-size:14px}.tabs button.active{background:#fff;color:#3730a3;box-shadow:0 2px 5px #233c6814}.tabs button:hover:not(.active){background:#eef2fa;color:#263851}.toolbar{background:#f9fbfe;border-bottom:1px solid #e1e8f2}.search input{background:white;border-color:#ccd8e8;color:#23334b}.search input::placeholder{color:#66768b}th{background:#edf2f9;color:#475d78;font-size:12px;font-weight:700;border-bottom:1px solid #d6e0ed}td{color:#3e526c;border-bottom-color:#e7edf5}td strong{color:#233752;font-weight:650}td small{color:#5f7088}.monthly-table th:first-child{background:#edf2f9}.monthly-table td:first-child{background:#fff}.monthly-table tbody tr:nth-child(even) td{background:#f8fafd}.monthly-table tbody tr:hover td{background:#eef2ff}.table-wrap .payment-cell{background:#eaf0f7;color:#62758e;border:1px solid #dde5f0;min-width:43px;min-height:38px;border-radius:9px}.table-wrap .payment-cell.paid{background:#d9f2e5;color:#086746;border-color:#b8dfca;font-weight:750}.table-wrap .payment-cell.partial{background:#ffedcd;color:#8c460a;border-color:#efcea0;font-weight:700}.legend{background:#f7f9fc;color:#4b5f79;border-top:1px solid #e0e7f1}.chip{font-weight:650;border-radius:7px;background:#eaf0f7;color:#485b75}.chip.green{background:#dff3e8;color:#126644}.chip.orange{background:#fff0d7;color:#8b4b0c}.chip.red{background:#ffe8e8;color:#a32938}.chip.blue{background:#e7ebff;color:#4038aa}
.charge-icon,.doc-icon,.activity-glyph{background:#e9edff;color:#4338ca;border:1px solid #d5dcff}.activity-name,.charge-card h2,.doc-info strong{color:#203550}.charge-card .pairs strong{color:#12213b}.daybox{background:#edf2ff;border-color:#d6def7;border-radius:12px}.daybox strong{color:#3730a3}.daybox small{color:#526183}.event-title{font-size:15px;color:#263c57}.weekday{background:#edf2f9;color:#4b607a;font-weight:700}.cal-day{border-color:#e0e7f1}.date-num{color:#4d5f78;font-weight:650}.date-num.today{background:#4338ca}.cal-event{background:#e8ecff;color:#3730a3;border-left-color:#6366f1}.cal-event.activity{background:#def3e8;color:#126644;border-left-color:#269568}.cal-event.meeting{background:#fff0d7;color:#8b4b0c;border-left-color:#d9932f}.announcement{background:#f0f3ff;border-color:#d6def7;border-left:4px solid #6366f1}.announcement h3{color:#293c63}.announcement p{color:#485b7a}.post h2{color:#172a45}.post p{color:#435773}.permission{background:#f7f9fd;border-color:#dce4f0;border-top:3px solid #7c83df}.permission h3{color:#3730a3}.permission p{color:#50617b}.empty{color:#60718a;font-size:14px;line-height:1.7}.footer{color:#62738b}
dialog{border:1px solid #ced8e9;border-radius:20px;box-shadow:0 32px 100px #0a173b55}dialog::backdrop{background:#0c193d88;backdrop-filter:blur(4px)}.modal-head{background:#f1f4fb;border-bottom:1px solid #dce4ef}.modal-head h2{color:#172a45;font-size:24px;letter-spacing:-.6px}.modal-body{background:white}.modal-foot{background:#f7f9fd;border-top:1px solid #dce4ef}.field{color:#344b68;font-size:14px;font-weight:600}.field input,.field select,.field textarea{background:#fff;border:1px solid #bfcde0;border-radius:10px;color:#203550;font-size:16px;min-height:46px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.check-list{background:#f7f9fd;border:1px solid #dce4ef;border-radius:11px}.check{color:#344b68;line-height:1.5}input[type=checkbox]{accent-color:#4f46e5}.notice{color:#354a77;background:#eef2ff;border-color:#ccd7ff;font-size:14px}.error{color:#9b2433;background:#ffeded;border:1px solid #f0c5cd}.auth-body{background:radial-gradient(ellipse at top,#273f71,#101e36)}.auth-card{box-shadow:0 24px 70px #0004;border-color:#dce4f1}.auth-card h1{color:#172a45}.auth-brand{color:#4338ca}#toast{background:#142a44;color:#fff;border:1px solid #526780;box-shadow:0 8px 26px #10223d33}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6366f1;outline-offset:3px}.sidebar button:focus-visible{outline-color:#c7d2fe}
@media(min-width:1500px){main{max-width:1560px}.finance-board{grid-template-columns:minmax(330px,.95fr) minmax(0,1.35fr)}}
@media(min-width:701px){.sidebar{width:246px;inset:14px auto 14px 14px}.workspace{margin-left:274px}.sidebar nav{gap:7px}.sidebar .school{margin-block:24px}.sidebar .side-bottom{padding-top:12px}}
@media(min-width:701px) and (max-width:1100px){.sidebar{width:222px;padding-inline:12px}.workspace{margin-left:248px}.brand{font-size:25px}.sidebar nav button{padding:9px 8px;gap:8px}.sidebar nav button>svg{padding:6px}.topbar{padding-inline:23px}main{padding-inline:23px}.live-bar{margin-inline:23px}}
@media(max-width:1050px){.balance-card{padding:25px}.balance-number{font-size:44px}.metric{padding:21px}.metric-number{font-size:30px}.metric-icon{width:42px;height:42px}.collection-number{font-size:28px}}
@media(max-width:700px){.sidebar{width:280px;inset:0 auto 0 0;border-radius:0 22px 22px 0}.workspace{margin-left:0}.topbar{padding:13px 16px;min-height:74px;gap:8px;flex-wrap:wrap}.course-picker{min-width:0;flex:1}.course-picker select{font-size:14px;max-width:calc(100vw - 165px)}.profile{padding-right:8px}.live-bar{margin:12px 17px 0;font-size:12px;overflow-wrap:anywhere}.live-tools{flex-wrap:wrap}main{padding:24px 17px 105px}.page-head h1{font-size:28px}.page-head p{font-size:14px}.head-actions{width:100%}.head-actions .btn{flex:1}.balance-card{padding:23px;border-radius:18px}.balance-number{font-size:43px}.balance-caption{font-size:13px}.balance-top{font-size:14px}.balance-top svg{width:19px;height:19px;padding:7px}.balance-bottom{margin-top:20px;border-top:1px solid #ffffff25;padding-top:17px}.metric{padding:18px 15px}.metric-label{font-size:14px}.metric-number{font-size:27px}.metric-icon{width:40px;height:40px}.metric-caption{font-size:12px}.collection-metric{padding:19px 17px}.collection-number{font-size:26px}.collection-percentage strong{font-size:24px}.collection-percentage span{font-size:12px}.panel-head{padding:21px 19px 17px}.panel h2{font-size:17px}.panel-body{padding-inline:19px}.tabs{overflow-x:auto;justify-content:flex-start}.tabs button{font-size:14px;white-space:nowrap;flex-shrink:0;padding-inline:12px}.quick-link{min-height:113px;font-size:14px}.bottom-nav{background:#fff;border-top:1px solid #d4deed;box-shadow:0 -5px 20px #1427430c}.bottom-nav button{font-size:11px;color:#52617a}.bottom-nav button.active{background:#e8edff;color:#3730a3}.bottom-nav button svg{stroke-width:2}.monthly-table td:first-child strong{font-size:14px}.monthly-table td:first-child small{font-size:12px}.table-wrap .payment-cell{min-height:42px}.legend{font-size:12px}.text-btn{font-size:13px}.weekday{font-size:12px}.date-num{font-size:13px}dialog{border-radius:20px 20px 0 0}.modal-head h2{font-size:22px}.modal-foot .btn{min-height:48px}}
@media(max-width:380px){.metric-pair{grid-template-columns:1fr}.metric{display:flex;align-items:center;gap:14px}.metric-icon{margin:0}.metric-number{font-size:29px}.collection-metric{align-items:flex-start;flex-direction:column}.collection-progress{width:100%;max-width:none}.bottom-nav button{font-size:10px}.balance-period{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.brand{font-size:26px;gap:10px;padding-inline:7px}.brand small{font-size:12px;letter-spacing:.2px;text-transform:none;font-weight:500;margin-top:2px}.brand-mark{flex-shrink:0}.auth-brand{font-size:35px;letter-spacing:-1.3px}.auth-brand span{font-size:13px;letter-spacing:.3px;text-transform:none;color:#52627b}.sidebar .mobile-close{color:#e0e7ff}