:root{--primary: #173f35;--primary-2: #245b4e;--accent: #b98b3d;--bg: #f7f3ea;--surface: #ffffff;--surface-2: #fbfaf7;--text: #1f2933;--muted: #667085;--border: #e5ddcf;--shadow: 0 18px 45px rgba(16, 24, 40, .08)}*{box-sizing:border-box}html{direction:rtl}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}.authShell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;gap:28px;padding:28px;background:radial-gradient(circle at top right,rgba(185,139,61,.2),transparent 34%),radial-gradient(circle at bottom left,rgba(23,63,53,.14),transparent 34%),var(--bg)}.authBrand,.authCard,.panel,.welcomeCard,.statCard{background:#ffffffe0;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:28px}.authBrand{padding:clamp(28px,5vw,56px);display:flex;flex-direction:column;justify-content:center}.brandMark{width:58px;height:58px;display:grid;place-items:center;background:var(--primary);color:#fff;border-radius:18px;font-weight:900;font-size:30px;margin-bottom:18px}.brandMark.small{width:42px;height:42px;font-size:22px;margin:0;border-radius:14px}.eyebrow{color:var(--accent);font-weight:800;margin:0 0 8px}.authBrand h1,.topbar h1{color:var(--primary);line-height:1.2;margin:0}.authBrand h1{font-size:clamp(34px,5vw,60px);max-width:850px}.lead{color:#344054;font-size:20px;line-height:1.9;max-width:760px}.rolePreview{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.rolePreview button,.primaryBtn,.inviteRow button,.switcher button{border:0;border-radius:14px;padding:12px 18px;font-weight:800}.rolePreview button,.primaryBtn,.inviteRow button{background:var(--primary);color:#fff}.authCard{align-self:center;padding:clamp(22px,4vw,38px)}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--surface-2);border:1px solid var(--border);padding:6px;border-radius:18px;margin-bottom:26px}.tabs button{border:0;background:transparent;border-radius:14px;padding:12px;color:var(--muted);font-weight:800}.tabs button.active{background:#fff;color:var(--primary);box-shadow:0 6px 18px #10182812}.authCard h2{margin:0 0 8px;color:var(--primary)}.muted{color:var(--muted)}.form{display:grid;gap:16px;margin-top:22px}label{display:grid;gap:8px;color:#344054;font-weight:700}input,select{width:100%;border:1px solid var(--border);background:#fff;border-radius:14px;padding:13px 14px;color:var(--text);outline:none}input:focus,select:focus{border-color:var(--primary-2);box-shadow:0 0 0 4px #245b4e1f}.primaryBtn{margin-top:8px;width:100%}.dashboard{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{background:var(--primary);color:#fff;padding:24px;position:sticky;top:0;min-height:100vh;display:flex;flex-direction:column}.sideBrand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.sideBrand strong,.sideBrand span{display:block}.sideBrand span{color:#cddbd7;font-size:13px}.sidebar nav{display:grid;gap:8px}.sidebar nav a,.logout{color:#fff;border-radius:14px;padding:12px 14px;text-decoration:none;border:1px solid transparent;background:transparent;text-align:right}.sidebar nav a.active,.sidebar nav a:hover,.logout:hover{background:#ffffff1c;border-color:#ffffff24}.logout{margin-top:auto}.content{padding:28px;overflow:hidden}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.switcher{display:flex;gap:8px;flex-wrap:wrap;background:#fff;border:1px solid var(--border);padding:6px;border-radius:18px}.switcher button{background:transparent;color:var(--muted)}.switcher button.active{background:var(--primary);color:#fff}.statsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.statCard{padding:20px}.statCard span{color:var(--muted);font-weight:700}.statCard strong{display:block;color:var(--primary);font-size:34px;margin:8px 0}.statCard p{margin:0;color:var(--muted)}.panel,.welcomeCard{padding:24px;margin-bottom:18px}.panelHeader{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.panel h2,.welcomeCard h2{color:var(--primary);margin:0 0 6px}.panel p,.welcomeCard p{margin:0;color:var(--muted)}.inviteRow{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:16px}.list{display:grid;gap:10px}.listItem{display:flex;justify-content:space-between;gap:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:16px;padding:14px}.listItem strong,.pill{color:var(--primary);background:#173f3514;border-radius:999px;padding:4px 10px;font-size:13px}.tableWrap{width:100%;overflow-x:auto}table{width:100%;min-width:680px;border-collapse:collapse}th,td{padding:14px;border-bottom:1px solid var(--border);text-align:right}th{color:var(--primary);background:var(--surface-2)}.lessonGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.lessonCard{border:1px solid var(--border);background:var(--surface-2);border-radius:18px;padding:18px}.lessonCard h3{margin:0 0 8px;color:var(--primary)}.lessonCard p{margin:0 0 10px}.lessonCard span{color:var(--accent);font-weight:800}@media (max-width: 1100px){.statsGrid{grid-template-columns:repeat(2,1fr)}.lessonGrid{grid-template-columns:1fr}}@media (max-width: 860px){.authShell{grid-template-columns:1fr;padding:16px}.dashboard{grid-template-columns:1fr}.sidebar{position:static;min-height:auto}.sidebar nav{grid-template-columns:repeat(2,1fr)}.logout{margin-top:18px}.topbar{align-items:stretch;flex-direction:column}.switcher{width:100%}.switcher button{flex:1}.content{padding:16px}}@media (max-width: 560px){.statsGrid,.inviteRow{grid-template-columns:1fr}.listItem{flex-direction:column}.sidebar nav{grid-template-columns:1fr}.rolePreview{flex-direction:column}.rolePreview button{width:100%}}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}img,svg,video,canvas{max-width:100%;height:auto}button,input,select,.authShell,.dashboard,.content,.panel,.welcomeCard,.statCard,.authCard,.authBrand{max-width:100%}.content{min-width:0}.panel,.welcomeCard,.statCard,.authCard,.authBrand{overflow-wrap:anywhere}.tableWrap{-webkit-overflow-scrolling:touch}@media (max-width: 1200px){.dashboard{grid-template-columns:240px 1fr}.sidebar{padding:20px}.content{padding:22px}}@media (max-width: 900px){.authShell{min-height:auto;grid-template-columns:1fr;padding:18px}.authBrand,.authCard{border-radius:22px}.authBrand h1{font-size:clamp(28px,8vw,42px)}.lead{font-size:17px;line-height:1.8}.dashboard{display:block}.sidebar{position:static;min-height:auto;border-left:0;border-bottom:1px solid var(--border)}.sideBrand{margin-bottom:18px}.sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.logout{margin-top:16px}.content{padding:18px}.topbar{align-items:stretch}.switcher{width:100%}.switcher button{flex:1}.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.inviteRow{grid-template-columns:1fr}}@media (max-width: 640px){.authShell{padding:12px;gap:14px}.authBrand,.authCard,.panel,.welcomeCard,.statCard{border-radius:18px}.authBrand,.authCard,.panel,.welcomeCard{padding:18px}.brandMark{width:48px;height:48px;font-size:24px;border-radius:15px}.authBrand h1,.topbar h1{font-size:28px;line-height:1.35}.lead{font-size:16px}.rolePreview,.switcher,.panelHeader,.listItem{flex-direction:column}.rolePreview button,.switcher button,.inviteRow button,.primaryBtn{width:100%}.tabs{grid-template-columns:1fr}.sidebar nav{grid-template-columns:1fr}.content{padding:12px}.topbar{gap:12px;margin-bottom:16px}.statsGrid,.cardsGrid{grid-template-columns:1fr}.statCard{padding:16px}.statCard strong,.statCard .value{font-size:28px}table{min-width:620px}th,td{padding:12px;font-size:14px}}@media (max-width: 380px){.authBrand h1,.topbar h1{font-size:24px}.authBrand,.authCard,.panel,.welcomeCard{padding:14px}.content{padding:10px}}.divider{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;color:var(--muted);font-weight:800;margin:4px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--border)}.googleBtn{width:100%;border:1px solid var(--border);background:#fff;color:var(--text);border-radius:14px;padding:13px 14px;font-weight:900}.googleBtn:hover{border-color:var(--primary-2);box-shadow:0 0 0 4px #245b4e1a}.authNotice{margin-top:22px;padding:14px 16px;border:1px solid var(--border);border-radius:18px;color:var(--primary);background:#ffffffb8;font-weight:800}.alert{margin:14px 0;padding:12px 14px;border-radius:14px;font-weight:800;line-height:1.7}.alert.error{color:#8a1f11;background:#fff1ed;border:1px solid #ffd6cc}.alert.success{color:#14532d;background:#ecfdf3;border:1px solid #bbf7d0}.secondaryBtn{width:100%;border:1px solid var(--border);background:#fff;color:var(--primary);border-radius:14px;padding:13px 14px;font-weight:900}.primaryBtn:disabled,.secondaryBtn:disabled,.googleBtn:disabled{opacity:.65;cursor:not-allowed}.roleBadge{border:1px solid var(--border);background:#fff;color:var(--primary);border-radius:999px;padding:10px 16px;font-weight:900;box-shadow:0 6px 18px #1018280f}.adminTabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.adminTabs button{border:1px solid var(--border);background:#fff;color:var(--primary);border-radius:999px;padding:10px 16px;font-weight:900}.adminTabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.inlineSelect{min-width:120px;padding:8px 10px;border-radius:10px}.rowActions{display:flex;gap:8px;flex-wrap:wrap}.rowActions button,.secondaryBtn.compact{border:1px solid var(--border);background:#fff;color:var(--primary);border-radius:12px;padding:8px 10px;font-weight:900}.badge.danger{background:#fff1ed;color:#8a1f11}.impersonationBar{position:fixed;z-index:50;top:12px;left:50%;transform:translate(-50%);width:min(920px,calc(100% - 24px));display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:18px;background:#111827;color:#fff;box-shadow:0 18px 45px #1018282e}.impersonationBar button{border:0;background:#fff;color:#111827;border-radius:12px;padding:8px 12px;font-weight:900}@media (max-width: 640px){.impersonationBar{flex-direction:column;align-items:stretch;text-align:center}.rowActions{flex-direction:column}.rowActions button{width:100%}}.dangerBtn{border-color:#ffd6cc!important;color:#8a1f11!important;background:#fff1ed!important}.dangerBtn:hover{border-color:#ef4444!important}.financeHero .statCard strong{font-size:26px}.financeReportsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.financeReportCard{background:var(--surface-2);border:1px solid var(--border);border-radius:18px;padding:18px}.financeReportCard h3{margin:0 0 12px;color:var(--primary)}@media (max-width: 760px){.financeReportsGrid{grid-template-columns:1fr}}.financeActions{display:flex;gap:8px;flex-wrap:wrap}.primaryMiniBtn,.secondaryMiniBtn{border-radius:12px;padding:9px 12px;font-weight:900;border:1px solid var(--border)}.primaryMiniBtn{background:var(--primary);color:#fff;border-color:var(--primary)}.secondaryMiniBtn{background:#fff;color:var(--primary)}.financeForm{display:grid;gap:14px;margin:18px 0;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--surface-2)}.formTitle{display:flex;justify-content:space-between;gap:12px;align-items:center}.formTitle strong{color:var(--primary);font-size:18px}.formTitle button{border:1px solid var(--border);background:#fff;color:var(--primary);border-radius:10px;padding:7px 10px;font-weight:900}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (max-width: 760px){.financeActions,.formTitle{flex-direction:column;align-items:stretch}.primaryMiniBtn,.secondaryMiniBtn,.formTitle button{width:100%}.formGrid{grid-template-columns:1fr}}.financeWorkspace{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;align-items:start}.financeSideNav{position:sticky;top:18px;display:grid;gap:8px;background:#fff;border:1px solid var(--border);border-radius:18px;padding:10px;box-shadow:0 8px 24px #1018280f}.financeSideNav button{border:1px solid transparent;background:transparent;color:var(--primary);border-radius:13px;padding:11px 12px;text-align:right;font-weight:900}.financeSideNav button.active,.financeSideNav button:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.financeMain{min-width:0}.financeSearchRow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin-bottom:14px}.financeSearchRow button{border:1px solid var(--border);background:#fff;color:var(--primary);border-radius:12px;padding:10px 14px;font-weight:900}.selectedStudentCard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:12px}.selectedStudentCard span{color:var(--muted)}.selectedStudentCard strong{color:var(--primary)}@media (max-width: 900px){.financeWorkspace{grid-template-columns:1fr}.financeSideNav{position:static;grid-template-columns:repeat(3,1fr)}.financeSideNav button{text-align:center}.financeSearchRow,.selectedStudentCard{grid-template-columns:1fr}}.sidebar nav button{color:#fff;border-radius:14px;padding:12px 14px;text-decoration:none;border:1px solid transparent;background:transparent;text-align:right;font-weight:800}.sidebar nav button.active,.sidebar nav button:hover{background:#ffffff1c;border-color:#ffffff24}@media (max-width: 900px){.sidebar nav button{width:100%}}.financeWorkspace{grid-template-columns:220px minmax(0,1fr)}.financeOsNav{background:#111114;border-color:#27272a;color:#fafafa;border-radius:18px;padding:8px 6px}.financeOsBrand{display:flex;align-items:center;gap:10px;padding:10px 8px 14px;border-bottom:1px solid #27272a;margin-bottom:8px}.financeOsIcon{width:30px;height:30px;min-width:30px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:7px;display:grid;place-items:center;font-size:14px}.financeOsBrand strong{display:block;color:#fafafa;font-size:12px;line-height:1.2}.financeOsBrand span{display:block;color:#52525b;font-size:9px;text-transform:uppercase;letter-spacing:.5px}.financeOsGroup{font-size:9px;font-weight:800;color:#52525b;text-transform:uppercase;letter-spacing:.7px;padding:0 8px;margin:12px 0 4px;text-align:left;direction:ltr}.financeOsNav button{display:flex;align-items:center;gap:8px;width:100%;background:transparent;color:#a1a1aa;border:1px solid transparent;border-radius:8px;padding:7px 10px;text-align:left;direction:ltr;font-size:12px;font-weight:700}.financeOsNav button span{width:18px;text-align:center}.financeOsNav button.active,.financeOsNav button:hover{background:#10b98114;color:#34d399;border-color:#10b98126}.financePlaceholder{min-height:260px}.emptyStateBox{display:grid;gap:6px;place-items:center;min-height:160px;border:1px dashed var(--border);border-radius:18px;background:var(--surface-2);color:var(--muted);text-align:center;padding:24px}.emptyStateBox strong{color:var(--primary);font-size:20px}@media (max-width: 900px){.financeWorkspace{grid-template-columns:1fr}.financeOsNav{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.financeOsBrand,.financeOsGroup{grid-column:1 / -1}}.financeOsLtr,.financeOsLtr .financeMain{direction:ltr;text-align:left}.financeOsLtr .financeSideNav{order:0}.financeOsLtr .panel,.financeOsLtr .welcomeCard,.financeOsLtr .statCard,.financeOsLtr .financeForm,.financeOsLtr .tableWrap,.financeOsLtr table,.financeOsLtr th,.financeOsLtr td,.financeOsLtr label,.financeOsLtr input,.financeOsLtr select,.financeOsLtr textarea,.financeOsLtr .panelHeader{direction:ltr;text-align:left}.financeOsLtr .panelHeader>div{text-align:left}.financeOsLtr .financeActions{justify-content:flex-end}.financeOsLtr .listItem,.financeOsLtr .selectedStudentCard{direction:ltr;text-align:left}.financeOsLtr .financeSearchRow{direction:ltr}.financeOsLtr .financeSearchRow input{text-align:left}.financeOsLtr .financeOsNav{direction:ltr;text-align:left}.financeOsLtr .financeOsNav button{direction:ltr;text-align:left;justify-content:flex-start}.financeOsLtr .financeOsGroup,.financeOsLtr .financeOsBrand{direction:ltr;text-align:left}.financeOsLtr .financeOsBrand div{text-align:left}@media (max-width: 900px){.financeOsLtr .financeOsNav{order:0}}.financeOsLtr{--f-bg: #09090b;--f-bg2: #111114;--f-bg3: #18181b;--f-bg4: #1e1e22;--f-bg5: #27272a;--f-border: #27272a;--f-border2: #3f3f46;--f-text: #fafafa;--f-text2: #a1a1aa;--f-text3: #52525b;--f-green: #10b981;--f-green-l: #34d399;--f-red: #ef4444;--f-red-l: #f87171;--f-blue: #3b82f6;--f-blue-l: #60a5fa;--f-amber: #f59e0b;--f-amber-l: #fbbf24;--f-purple: #a78bfa;--f-cyan: #22d3ee;background:var(--f-bg);color:var(--f-text);border-radius:22px;padding:0;overflow:hidden;min-height:calc(100vh - 170px)}.financeOsLtr .financeMain{background:var(--f-bg);color:var(--f-text);padding:16px;min-height:calc(100vh - 170px)}.financeOsLtr .panel,.financeOsLtr .welcomeCard,.financeOsLtr .statCard,.financeOsLtr .financeForm,.financeOsLtr .financeReportCard{background:var(--f-bg2);border:1px solid var(--f-border);box-shadow:none;color:var(--f-text);border-radius:12px}.financeOsLtr .panel{padding:14px;margin-bottom:12px}.financeOsLtr .panelHeader{border-bottom:1px solid var(--f-border);padding-bottom:10px;margin-bottom:12px}.financeOsLtr .panel h2,.financeOsLtr .welcomeCard h2,.financeOsLtr .financeReportCard h3,.financeOsLtr .formTitle strong,.financeOsLtr .emptyStateBox strong{color:var(--f-text)}.financeOsLtr .panel p,.financeOsLtr .welcomeCard p,.financeOsLtr .muted,.financeOsLtr label,.financeOsLtr .selectedStudentCard span{color:var(--f-text2)}.financeOsLtr .statsGrid{gap:8px;margin-bottom:12px}.financeOsLtr .statCard{position:relative;overflow:hidden;padding:14px;border-radius:12px}.financeOsLtr .statCard:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--f-green)}.financeOsLtr .statCard span{color:var(--f-text3);font-size:10px;text-transform:uppercase;letter-spacing:.5px}.financeOsLtr .statCard strong{color:var(--f-green-l);font-size:24px}.financeOsLtr .statCard p{color:var(--f-text3);font-size:11px}.financeOsLtr .tableWrap{background:var(--f-bg2);border:1px solid var(--f-border);border-radius:12px;overflow:auto}.financeOsLtr table{background:var(--f-bg2);color:var(--f-text);min-width:760px}.financeOsLtr th{background:var(--f-bg3);color:var(--f-text3);border-bottom:1px solid var(--f-border);font-size:10px;text-transform:uppercase;letter-spacing:.4px}.financeOsLtr td{color:var(--f-text2);border-bottom:1px solid rgba(39,39,42,.7)}.financeOsLtr tr:hover td{background:#ffffff06}.financeOsLtr input,.financeOsLtr select,.financeOsLtr textarea{background:var(--f-bg3);border:1px solid var(--f-border);color:var(--f-text);border-radius:8px}.financeOsLtr input:focus,.financeOsLtr select:focus,.financeOsLtr textarea:focus{border-color:var(--f-green);box-shadow:0 0 0 3px #10b98121}.financeOsLtr select option{background:var(--f-bg3);color:var(--f-text)}.financeOsLtr .primaryMiniBtn,.financeOsLtr .primaryBtn{background:var(--f-green);border-color:var(--f-green);color:#fff;box-shadow:none}.financeOsLtr .primaryMiniBtn:hover,.financeOsLtr .primaryBtn:hover{background:#059669;border-color:#059669}.financeOsLtr .secondaryMiniBtn,.financeOsLtr .secondaryBtn,.financeOsLtr .formTitle button,.financeOsLtr .financeSearchRow button{background:var(--f-bg3);border:1px solid var(--f-border);color:var(--f-text2);box-shadow:none}.financeOsLtr .secondaryMiniBtn:hover,.financeOsLtr .secondaryBtn:hover,.financeOsLtr .formTitle button:hover,.financeOsLtr .financeSearchRow button:hover{border-color:var(--f-green);color:var(--f-green-l)}.financeOsLtr .badge{background:#10b9811a;color:var(--f-green-l);border:1px solid rgba(16,185,129,.2);border-radius:4px}.financeOsLtr .badge.danger{background:#ef44441a;color:var(--f-red-l);border:1px solid rgba(239,68,68,.2)}.financeOsLtr .alert.error{background:#ef44441a;color:var(--f-red-l);border:1px solid rgba(239,68,68,.25)}.financeOsLtr .alert.success{background:#10b9811a;color:var(--f-green-l);border:1px solid rgba(16,185,129,.25)}.financeOsLtr .financeForm{background:var(--f-bg2);border-color:var(--f-border)}.financeOsLtr .formTitle{border-bottom:1px solid var(--f-border);padding-bottom:10px}.financeOsLtr .selectedStudentCard,.financeOsLtr .emptyStateBox,.financeOsLtr .listItem{background:var(--f-bg3);border:1px solid var(--f-border);color:var(--f-text2)}.financeOsLtr .selectedStudentCard strong,.financeOsLtr .listItem strong{color:var(--f-green-l)}.financeOsLtr .financeReportsGrid{gap:10px}.financeOsLtr .financeReportCard{background:var(--f-bg2);border-color:var(--f-border)}.financeOsLtr ::-webkit-scrollbar{width:5px;height:5px}.financeOsLtr ::-webkit-scrollbar-track{background:transparent}.financeOsLtr ::-webkit-scrollbar-thumb{background:var(--f-border2);border-radius:4px}@media (max-width: 900px){.financeOsLtr{min-height:auto}.financeOsLtr .financeMain{padding:12px;min-height:auto}}.afo{--bg:#09090b;--bg2:#111114;--bg3:#18181b;--bg4:#1e1e22;--bg5:#27272a;--border:#27272a;--border2:#3f3f46;--text:#fafafa;--text2:#a1a1aa;--text3:#52525b;--green:#10b981;--green-l:#34d399;--red:#ef4444;--red-l:#f87171;--blue:#3b82f6;--blue-l:#60a5fa;--amber:#f59e0b;--amber-l:#fbbf24;--purple:#a78bfa;--cyan:#22d3ee;--emerald:#059669;--mono:"JetBrains Mono",monospace;--r:8px;--rl:12px;direction:ltr;text-align:left;color:var(--text);background:var(--bg);font-size:13.5px;line-height:1.5;border-radius:18px;overflow:hidden;min-height:calc(100vh - 155px);display:flex;width:100%}.afo *{box-sizing:border-box}.afo button,.afo input,.afo select,.afo textarea{font:inherit}.afo-sb{width:220px;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:calc(100vh - 155px);flex:0 0 220px}.afo-sb-logo{padding:16px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.afo-sb-logo .ic{width:30px;height:30px;min-width:30px;background:linear-gradient(135deg,var(--green),var(--emerald));border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px}.afo-sb-logo h1{font-size:12px;font-weight:800;line-height:1.2;margin:0;color:var(--text)}.afo-sb-logo small{font-size:8px;color:var(--text3);font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px}.afo-sb-nav{flex:1;padding:8px 6px;overflow-y:auto}.afo-sb-s{font-size:8px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.7px;padding:0 8px;margin:10px 0 3px}.afo-ni{width:100%;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--r);cursor:pointer;color:var(--text2);font-size:12px;font-weight:500;transition:all .1s;border:1px solid transparent;margin-bottom:1px;background:transparent;text-align:left}.afo-ni:hover{background:var(--bg3);color:var(--text)}.afo-ni.a{background:#10b98114;color:var(--green-l);border-color:#10b98126}.afo-ni .i{font-size:13px;width:16px;text-align:center}.afo-sb-ft{padding:8px;border-top:1px solid var(--border)}.afo-sb-u{font-size:9px;color:var(--text3);font-family:var(--mono);padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.afo-sb-b{width:100%;padding:6px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);color:var(--text2);font-size:10px;cursor:pointer;font-weight:500;display:flex;align-items:center;justify-content:center;gap:4px}.afo-sb-b:hover{border-color:var(--green);color:var(--green)}.afo-mn{flex:1;display:flex;flex-direction:column;min-width:0}.afo-tb{height:44px;background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 18px;gap:10px;position:sticky;top:0;z-index:5}.afo-tb-t{font-size:13px;font-weight:700;flex:1;color:var(--text)}.afo-tb-d{font-family:var(--mono);font-size:9px;color:var(--text3);background:var(--bg3);padding:2px 6px;border-radius:4px;border:1px solid var(--border)}.afo-pg{display:block;padding:16px;animation:pi .15s cubic-bezier(.4,0,.2,1)}@keyframes pi{0%{opacity:0;transform:translateY(4px)}to{opacity:1}}.afo-fx{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rl);padding:10px 14px;margin-bottom:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.afo-fx label,.afo-cc-ctrl label{font-size:9px;color:var(--text3);font-family:var(--mono);text-transform:uppercase}.afo-fx select,.afo-cc-ctrl input[type=date]{background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:3px 6px;color:var(--text);font-size:10px;font-family:var(--mono);outline:none}.afo-fx .fx-r{font-family:var(--mono);font-size:10px;color:var(--cyan);margin-left:auto}.afo-kg{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:12px}.afo-kp{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rl);padding:12px 14px;position:relative;overflow:hidden}.afo-kp:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.afo-kp.g:before{background:var(--green)}.afo-kp.r:before{background:var(--red)}.afo-kp.b:before{background:var(--blue)}.afo-kp.am:before{background:var(--amber)}.afo-kp.p:before{background:var(--purple)}.afo-kp.cy:before{background:var(--cyan)}.afo-kp-l{font-size:8px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;font-family:var(--mono);margin-bottom:4px}.afo-kp-v{font-size:20px;font-weight:800;line-height:1;color:var(--green-l)}.afo-kp.r .afo-kp-v{color:var(--red-l)}.afo-kp.b .afo-kp-v{color:var(--blue-l)}.afo-kp.am .afo-kp-v{color:var(--amber-l)}.afo-kp.p .afo-kp-v{color:var(--purple)}.afo-kp.cy .afo-kp-v{color:var(--cyan)}.afo-kp-s{font-size:9px;color:var(--text3);margin-top:3px}.afo-cc,.afo-tc,.afo-rc{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rl);padding:14px;margin-bottom:12px}.afo-cc-h,.afo-tc-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap;gap:6px}.afo-cc-t,.afo-tc-t{font-size:12px;font-weight:700;color:var(--text)}.afo-cc-ctrl,.afo-tc-a{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.afo-chart{display:grid;gap:7px;min-height:150px}.afo-chart-row{display:grid;grid-template-columns:100px 1fr;gap:6px;align-items:center;font-family:var(--mono);font-size:9px;color:var(--text3)}.afo-chart-row .bar{height:7px;border-radius:999px;grid-column:2}.afo-chart-row .bar.g{background:var(--green)}.afo-chart-row .bar.r{background:var(--red)}.afo-chart-row .bar.a{background:var(--amber)}.afo-tc{padding:0;overflow:hidden}.afo-tc-h{padding:10px 14px;border-bottom:1px solid var(--border);margin:0}.afo-tc-l{display:flex;align-items:center;gap:6px}.afo-tc-c{font-family:var(--mono);font-size:9px;color:var(--text3);background:var(--bg4);padding:1px 5px;border-radius:3px;border:1px solid var(--border)}.afo-table-scroll{overflow-x:auto}.afo-dt{width:100%;border-collapse:collapse;min-width:760px}.afo-dt th{background:var(--bg3);font-size:8px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.3px;padding:6px 10px;text-align:left;font-family:var(--mono);border-bottom:1px solid var(--border);white-space:nowrap}.afo-dt td{padding:6px 10px;border-bottom:1px solid rgba(39,39,42,.4);font-size:12px;vertical-align:middle;color:var(--text2)}.afo-dt tr:hover td{background:#ffffff03}.afo-id{font-family:var(--mono);font-size:9px;color:var(--text3)}.afo-bd{display:inline-flex;padding:1px 6px;border-radius:3px;font-size:9px;font-weight:600;font-family:var(--mono)}.bd-g{background:#10b9811a;color:var(--green-l);border:1px solid rgba(16,185,129,.2)}.bd-r{background:#ef44441a;color:var(--red-l);border:1px solid rgba(239,68,68,.2)}.bd-a{background:#f59e0b1a;color:var(--amber-l);border:1px solid rgba(245,158,11,.2)}.bd-b{background:#3b82f61a;color:var(--blue-l);border:1px solid rgba(59,130,246,.2)}.bd-p{background:#a78bfa1a;color:var(--purple);border:1px solid rgba(167,139,250,.2)}.bd-x{background:var(--bg4);color:var(--text2);border:1px solid var(--border)}.afo-btn{display:inline-flex;align-items:center;gap:3px;padding:5px 10px;border-radius:var(--r);font-size:10px;font-weight:600;cursor:pointer;border:none;white-space:nowrap}.btn-p{background:var(--green);color:#fff}.btn-p:hover{background:var(--emerald)}.btn-g{background:var(--bg3);color:var(--text2);border:1px solid var(--border)}.btn-g:hover{border-color:var(--green);color:var(--green)}.btn-d{background:#ef44441a;color:var(--red);border:1px solid rgba(239,68,68,.2)}.btn-d:hover{background:var(--red);color:#fff}.btn-s{padding:3px 7px;font-size:9px}.afo-fi{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);padding:4px 8px;color:var(--text);font-size:10px;outline:none;min-width:100px}.afo-fi:focus{border-color:var(--green)}.afo-fi::placeholder{color:var(--text3)}.afo-actions{display:flex;gap:4px}.afo-ar{background:none;border:none;color:var(--text3);cursor:pointer;padding:1px 4px;font-size:11px;display:inline-flex}.afo-ar:hover{color:var(--blue-l)}.afo-ar.dl:hover{color:var(--red)}.afo-mo,.afo-co{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:200;display:flex;align-items:center;justify-content:center}.afo-md{background:var(--bg2);border:1px solid var(--border2);border-radius:12px;width:560px;max-height:85vh;overflow-y:auto;box-shadow:0 4px 24px #00000080}.afo-md-h{padding:14px 18px 10px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--bg2);z-index:1}.afo-md-h h3{font-size:13px;font-weight:700;margin:0;color:var(--text)}.afo-md-x{width:22px;height:22px;background:var(--bg4);border:1px solid var(--border);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:16px}.afo-md-x:hover{background:var(--red);color:#fff}.afo-md-b{padding:14px 18px}.afo-md-f{padding:10px 18px;border-top:1px solid var(--border);display:flex;gap:5px;position:sticky;bottom:0;background:var(--bg2)}.afo-fr{display:grid;grid-template-columns:1fr 1fr;gap:8px}.afo-fr3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.afo-ff{margin-bottom:8px}.afo-ff label{display:block;font-size:8px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px;font-family:var(--mono)}.afo-ff input,.afo-ff select,.afo-ff textarea{width:100%;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);padding:6px 8px;color:var(--text);font-size:12px;outline:none}.afo-ff input:focus,.afo-ff select:focus,.afo-ff textarea:focus{border-color:var(--green)}.afo-ff select option{background:var(--bg3)}.afo-ff textarea{resize:vertical;height:50px}.cost-display{background:var(--bg4);border:1px solid var(--border);border-radius:var(--r);padding:6px 8px;font-family:var(--mono);font-size:12px;color:var(--amber-l)}.afo-newbox{background:var(--bg4);border:1px dashed var(--border2);border-radius:var(--r);padding:8px;margin-bottom:8px}.afo-newbox .newtitle{font-size:9px;color:var(--amber-l);font-family:var(--mono);text-transform:uppercase;margin-bottom:4px}.afo-cd{background:var(--bg2);border:1px solid var(--border2);border-radius:12px;padding:20px;width:340px}.afo-cd h4{font-size:13px;font-weight:700;margin-bottom:5px;color:var(--text)}.afo-cd p{font-size:12px;color:var(--text2);margin-bottom:14px}.afo-cd .ci{font-family:var(--mono);color:var(--amber)}.afo-ca{display:flex;gap:5px;justify-content:flex-end}.afo-toast{position:fixed;bottom:14px;right:14px;z-index:999;padding:8px 12px;border-radius:var(--r);font-size:11px;font-weight:500;max-width:300px;box-shadow:0 2px 10px #0006;background:var(--bg3)}.afo-toast.ok{border:1px solid var(--green);color:var(--green-l)}.afo-toast.er{border:1px solid var(--red);color:var(--red-l)}.afo-toast.inf{border:1px solid var(--blue);color:var(--blue-l)}.afo-rf{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rl);padding:12px 14px;margin-bottom:12px;display:flex;gap:6px;flex-wrap:wrap;align-items:flex-end}.afo-rf .afo-ff{margin-bottom:0;min-width:110px;flex:1}.afo-rf .afo-ff select,.afo-rf .afo-ff input{padding:4px 6px;font-size:10px}.afo-rg{display:grid;grid-template-columns:1fr 1fr;gap:10px}.afo-rc.w{grid-column:span 2}.afo-rc h4{font-size:11px;font-weight:700;margin-bottom:2px;color:var(--text)}.afo-rc p{font-size:9px;color:var(--text3);margin-bottom:8px}.afo-sr{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid var(--border)}.afo-sr:last-child{border-bottom:none}.sr-l{font-size:10px;color:var(--text2)}.sr-v{font-family:var(--mono);font-size:10px;font-weight:600}.afo-empty{text-align:center;padding:24px;color:var(--text3)}.afo-empty h4{font-size:12px;color:var(--text2)}@media (max-width:900px){.afo{display:block}.afo-sb{width:100%;min-height:auto}.afo-sb-nav{display:grid;grid-template-columns:repeat(2,1fr)}.afo-sb-s,.afo-sb-logo,.afo-sb-ft{grid-column:1/-1}.afo-rg{grid-template-columns:1fr}.afo-rc.w{grid-column:span 1}.afo-fr,.afo-fr3{grid-template-columns:1fr}}