:root{--navy: #0b1220;--navy-2: #131c30;--navy-3: #1c2740;--orange: #f97316;--orange-600: #ea580c;--ink: #0f172a;--muted: #64748b;--line: #e6e9f2;--bg: #f5f7fb;--card: #fff;--green: #16a34a;--red: #ef4444;--r: 16px;--sh: 0 8px 28px rgba(11,18,32,.08);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}h1,h2,h3{margin:0}.btn{background:var(--orange);color:#fff;border:none;border-radius:12px;padding:12px 18px;font-weight:700;font-size:15px}.btn:hover{background:var(--orange-600)}.btn:disabled{opacity:.6;cursor:default}.link{background:none;border:none;color:var(--orange);font-weight:600;font-size:14px;padding:0}.boot{min-height:100%;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--muted)}.boot-mark,.brand-mark{width:46px;height:46px;border-radius:13px;background:var(--navy);color:var(--orange);display:grid;place-items:center;font-weight:800;font-size:22px}.login-screen{min-height:100%;display:grid;place-items:center;padding:20px;background:radial-gradient(1000px 460px at 50% -8%,#e7ecf6,var(--bg))}.login-card{width:100%;max-width:400px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--sh);display:flex;flex-direction:column;gap:13px}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:6px}.login-brand strong{display:block;font-size:16px}.login-brand small{color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.login-card h1{font-size:22px}.sub{margin:0;color:var(--muted);font-size:14px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px}.field span{color:var(--muted);font-weight:600}.field input{padding:12px 13px;border:1px solid var(--line);border-radius:11px;font-size:15px;outline:none}.field input:focus{border-color:var(--orange)}.err{background:#fef2f2;color:#b42318;border:1px solid #fecaca;border-radius:10px;padding:9px 12px;font-size:13px}.shell{min-height:100vh}.sidebar{display:none}.main{min-height:100vh;padding-bottom:76px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f5f7fbe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hamburger{background:none;border:none;color:var(--ink);display:inline-flex;padding:4px}.top-title{font-size:18px;font-weight:700;flex:1}.role-badge{background:var(--navy);color:#fff;font-size:11.5px;font-weight:700;padding:4px 11px;border-radius:999px;letter-spacing:.03em}.content{padding:4px 16px 24px}.nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:none;background:none;color:#aeb6cf;padding:11px 13px;border-radius:11px;font-size:15px;font-weight:600}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:var(--orange);color:#fff}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:40}.drawer{position:fixed;top:0;left:0;bottom:0;width:264px;background:var(--navy);color:#fff;z-index:50;transform:translate(-100%);transition:transform .22s ease;padding:18px 14px;display:flex;flex-direction:column}.drawer.open{transform:translate(0)}.side-brand{display:flex;align-items:center;gap:11px;padding:4px 8px 18px;color:#fff}.side-brand strong{display:block;font-size:15px}.side-brand small{color:#8b93b8;font-size:11px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;gap:2px;background:var(--navy);padding:6px 6px calc(6px + env(safe-area-inset-bottom));overflow-x:auto}.bn-item{flex:1 0 auto;min-width:62px;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:#8b93b8;font-size:10.5px;font-weight:600;padding:4px 2px;border-radius:9px}.bn-item.active{color:var(--orange)}.dash-hello h1{font-size:21px}.dash-hello p{color:var(--muted);font-size:14px;margin:5px 0 18px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:var(--sh);position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.card.tone-navy:before{background:var(--navy)}.card.tone-green:before{background:var(--green)}.card.tone-orange:before{background:var(--orange)}.card.tone-red:before{background:var(--red)}.card-label{color:var(--muted);font-size:12.5px;font-weight:600}.card-value{font-size:26px;font-weight:800;margin-top:6px}.card-sub{color:var(--muted);font-size:12px;margin-top:2px}.sk{display:inline-block;width:54px;height:22px;border-radius:7px;background:linear-gradient(90deg,#eef1f8 25%,#f6f8fd 37%,#eef1f8 63%);background-size:400% 100%;animation:sk 1.3s infinite}@keyframes sk{0%{background-position:100% 50%}to{background-position:0 50%}}.sec{font-size:14px;margin:22px 0 10px;color:var(--ink)}.quick{display:flex;gap:10px;flex-wrap:wrap}.qa{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 15px;font-weight:600;font-size:14px;color:var(--ink);box-shadow:var(--sh)}.qa:hover{border-color:var(--orange);color:var(--orange-600)}.qa svg{color:var(--orange)}.stub{text-align:center;padding:54px 20px;color:var(--muted)}.stub-ic{color:var(--navy-3);margin-bottom:12px}.stub h2{color:var(--ink);font-size:20px}.stub p{margin:8px 0 14px;font-size:14px}.stub-tag{display:inline-block;background:#f973161f;color:var(--orange-600);font-weight:700;font-size:12px;padding:5px 12px;border-radius:999px}@media(min-width:900px){.shell{display:grid;grid-template-columns:252px 1fr}.sidebar{display:flex;flex-direction:column;background:var(--navy);color:#fff;padding:18px 14px;position:sticky;top:0;height:100vh}.side-brand{color:#fff}.side-foot{margin-top:auto;padding:14px 10px 4px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.who-name{color:#fff;font-size:13px;font-weight:700}.who-role{color:#8b93b8;font-size:11px}.main{padding-bottom:0}.topbar{padding:18px 30px;background:#f5f7fbd9}.hamburger,.bottom-nav,.drawer,.scrim{display:none}.content{padding:8px 30px 36px;max-width:1100px}.cards{grid-template-columns:repeat(4,1fr)}.dash-hello h1{font-size:24px}}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.ghost:hover{border-color:var(--orange);color:var(--orange-600)}.btn.sm{padding:7px 12px;font-size:13px;border-radius:9px}.muted.pad,.pad{padding:24px 0}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--sh);margin-bottom:16px}.panel-h{font-size:15px;margin:0 0 10px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.field textarea{padding:11px 13px;border:1px solid var(--line);border-radius:11px;font:inherit;font-size:15px;min-height:64px;resize:vertical;outline:none}.field textarea:focus,.field select:focus{border-color:var(--orange)}.field select{padding:11px 13px;border:1px solid var(--line);border-radius:11px;font-size:15px;background:#fff;outline:none}.actions{display:flex;gap:8px;margin-top:14px}.filters{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.search{padding:10px 13px;border:1px solid var(--line);border-radius:11px;font-size:15px;outline:none}.search:focus{border-color:var(--orange)}.tbl-wrap{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--sh)}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700;padding:11px 14px;border-bottom:1px solid var(--line)}.tbl td{padding:13px 14px;font-size:14.5px;border-bottom:1px solid #f1f4fa}.tbl tr:last-child td{border-bottom:none}.tbl tr.clickable{cursor:pointer}.tbl tr.clickable:hover{background:#fafbff}.empty{text-align:center;padding:44px 20px;color:var(--muted)}.empty h3{color:var(--ink)}.back{display:inline-block;margin-bottom:12px}.detail-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.detail-head h2{font-size:20px}.avatar{width:54px;height:54px;border-radius:14px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px;flex:none}.g-list{display:flex;flex-direction:column;gap:8px}.g-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:12px;padding:11px 14px}.chip{display:inline-block;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:#eef1f8;color:var(--muted);margin-left:6px;text-transform:uppercase;letter-spacing:.03em}.chip.orange{background:#f9731624;color:var(--orange-600)}.chip.green{background:#16a34a21;color:#15803d}.sm{font-size:12.5px}.checks{display:flex;gap:18px;margin:10px 0;font-size:14px}.checks label{display:flex;align-items:center;gap:7px}.hr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.hr-row{display:flex;flex-direction:column;gap:2px}.hr-row .muted{font-size:12px}.att-controls{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.att-progress{font-size:13.5px;color:var(--muted);margin-bottom:10px}.att-list{display:flex;flex-direction:column;gap:8px}.att-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 14px;box-shadow:var(--sh)}.att-name{min-width:0}.att-btns{display:flex;gap:6px;flex:none}.att-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:#fff;font-weight:800;font-size:14px;color:var(--muted)}.att-btn:disabled{opacity:.5}.att-btn.s-present.on{background:var(--green);border-color:var(--green);color:#fff}.att-btn.s-absent.on{background:var(--red);border-color:var(--red);color:#fff}.att-btn.s-late.on{background:var(--orange);border-color:var(--orange);color:#fff}.att-btn.s-excused.on{background:var(--navy);border-color:var(--navy);color:#fff}.att-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:14px}.att-tab{background:none;border:none;padding:8px 14px;font-weight:600;font-size:14px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.att-tab.on{color:var(--orange);border-bottom-color:var(--orange)}.sum-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.sum-stat{border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center}.sum-val{font-size:24px;font-weight:800}.sum-lbl{font-size:12px;color:var(--muted);margin-top:2px}.sum-stat.t-green .sum-val{color:#15803d}.sum-stat.t-red .sum-val{color:var(--red)}.sum-stat.t-orange .sum-val{color:var(--orange-600)}.sum-stat.t-navy .sum-val{color:var(--navy)}.wk-bars{display:flex;gap:8px;align-items:flex-end;height:110px;padding-top:8px}.wk-bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.wk-fill{width:60%;min-height:3px;background:var(--orange);border-radius:5px 5px 0 0}.wk-lbl{font-size:10px;color:var(--muted);margin-top:5px}.ok{background:#16a34a1a;color:#15803d;border:1px solid rgba(22,163,74,.25);border-radius:10px;padding:9px 12px;font-size:13.5px;margin:10px 0}.ok-inline{color:#15803d;font-size:13.5px;font-weight:600}.log-list{display:flex;flex-direction:column;gap:10px}.log-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 15px;box-shadow:var(--sh)}.log-sum{font-size:14px;margin:6px 0}.hw-chip{background:#f973161a;border-left:3px solid var(--orange);padding:8px 12px;border-radius:8px;font-size:13.5px;margin:6px 0}.score-in{width:64px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;font-size:14px;outline:none}.score-in:focus{border-color:var(--orange)}.grade-pill{display:inline-block;margin-left:6px;min-width:22px;text-align:center;font-weight:800;font-size:12px;padding:2px 7px;border-radius:7px;background:#eef1f8;color:var(--ink)}.grade-pill.g-A{background:#16a34a29;color:#15803d}.grade-pill.g-B{background:#22c55e21;color:#15803d}.grade-pill.g-C{background:#f9731624;color:var(--orange-600)}.grade-pill.g-D,.grade-pill.g-E{background:#f59e0b29;color:#b45309}.grade-pill.g-F{background:#ef444421;color:var(--red)}.rc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--sh)}.rc-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.rc-head h2{font-size:20px}.rc-score{text-align:right}.rc-avg{font-size:30px;font-weight:800;color:var(--navy)}.mini-h{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:12px 0 6px}.hw-ul{margin:0;padding-left:18px;font-size:14px}.hw-ul li{margin-bottom:4px}.g-grades{display:flex;flex-wrap:wrap;gap:8px}.g-grade{border:1px solid var(--line);border-radius:9px;padding:5px 10px;font-size:13px}.fin-two{display:grid;grid-template-columns:1fr 1.4fr;gap:14px;margin-bottom:14px}@media(max-width:800px){.fin-two{grid-template-columns:1fr}}.fee-ul{list-style:none;padding:0;margin:0 0 10px}.fee-ul li{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #f1f4fa;font-size:14px}.fee-add{display:flex;gap:8px;flex-wrap:wrap}.fin-actions{display:flex;gap:6px;flex-wrap:wrap}.pay-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:4px 0}.receipt{max-width:420px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:var(--sh)}.rcpt-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px dashed var(--line);padding-bottom:12px;margin-bottom:12px}.rcpt-no{font-weight:800;font-size:18px;margin-bottom:12px}.rcpt-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}.rcpt-row span{color:var(--muted)}.pr-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:12px 0}@media(max-width:700px){.pr-grid{grid-template-columns:1fr}}.pr-line{display:flex;gap:8px;margin-bottom:6px}.pr-net{display:flex;gap:24px;padding:12px 14px;background:#f7f9fc;border-radius:12px;font-size:15px}.pr-net strong{color:var(--navy);margin-left:6px}.rep-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.report{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--sh)}.rep-head{margin-bottom:14px}.rep-head h2{font-size:20px}.set-h{font-size:14px;margin:0 0 8px}@media print{.sidebar,.topbar,.bottom-nav,.drawer,.scrim,.no-print,.att-tabs.no-print{display:none!important}.shell{display:block!important}.main{padding:0!important}.content{padding:0!important;max-width:none!important}.report{border:none!important;box-shadow:none!important;padding:0!important}.card{box-shadow:none!important;border:1px solid #ccc!important}body{background:#fff!important}}.sub-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;max-width:440px;box-shadow:var(--sh);text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}.sub-card h1{font-size:22px}.sub-price{font-size:16px;margin:4px 0}.sub-price strong{font-size:30px;color:var(--navy)}.sub-feats{text-align:left;color:var(--slate, #475569);font-size:14px;margin:4px 0 8px;padding-left:20px}.sub-feats li{margin-bottom:4px}.sub-card .btn{width:100%}.trial-banner{display:flex;align-items:center;gap:12px;background:#f973161f;color:var(--orange-600);padding:8px 16px;font-size:13.5px;font-weight:600}.trial-cta{background:var(--orange);color:#fff;border:none;border-radius:8px;padding:5px 12px;font-weight:700;font-size:13px}.trial-err{color:var(--red);font-weight:500}.signup-note{text-align:center;font-size:13.5px;color:var(--muted);margin:4px 0 0}.signup-note a{color:var(--orange);font-weight:600}.msg-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:var(--sh);margin-top:20px}.msg-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.msg-banner{background:#f973161f;color:var(--orange-600);font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:999px}.msg-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #f1f4fa}.msg-row:first-of-type{border-top:none}.msg-label{font-weight:700;font-size:14.5px}.msg-bal{font-size:14px;font-weight:600;color:var(--green);margin-top:2px}.msg-bal.low{color:var(--red)}.msg-warn{font-weight:700}.msg-err{color:var(--red);font-size:13px;margin-top:8px}