:root{--bg:#f3f5f2;--surface:#fff;--ink:#16211d;--muted:#728078;--line:#e2e7e3;--green:#127a57;--green-dark:#0b503b;--green-soft:#e7f4ee;--nav:#0d211a;--shadow:0 8px 30px rgba(24,42,34,.07);font-family:Inter,"Segoe UI",system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--nav);color:#dce8e2;padding:26px 18px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;padding:0 8px 30px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#2bb67d,#0d7956);display:grid;place-items:center;font-family:Georgia,serif;font-size:25px}.brand strong,.brand small{display:block}.brand strong{font-size:18px;letter-spacing:-.4px}.brand small{font-size:11px;color:#82a094;margin-top:2px;text-transform:uppercase;letter-spacing:1px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;color:#9cb1a8;text-decoration:none;padding:12px;border-radius:10px;font-size:14px;font-weight:600}.nav-item>span{width:20px;text-align:center;font-size:18px}.nav-item:hover,.nav-item.active{color:#fff;background:#17392d}.nav-badge{margin-left:auto;background:#e6a84c;color:#1b1c16;border-radius:99px;padding:2px 7px;font-size:11px}.sidebar-bottom{margin-top:auto;padding:14px 8px 0}.storage-line{display:flex;justify-content:space-between;font-size:11px;color:#8ca298}.storage-line strong{color:#d6e3dd}.progress{height:5px;background:#28453a;border-radius:99px;margin:9px 0 22px;overflow:hidden}.progress i{display:block;height:100%;background:#45c68c}.profile{display:flex;align-items:center;gap:9px;width:100%;background:none;border:0;color:white;padding:0;text-align:left}.profile span:nth-child(2){flex:1}.profile strong,.profile small{display:block}.profile strong{font-size:12px}.profile small{color:#81998e;font-size:10px;margin-top:2px}.avatar{width:36px;height:36px;border-radius:50%;background:#c9a35d;color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px;flex:none}main{margin-left:244px;padding:0 34px 48px;max-width:1600px}.topbar{height:108px;display:flex;align-items:center;justify-content:space-between}.topbar p{margin:0 0 5px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.8px}.topbar h1{font-size:25px;margin:0;letter-spacing:-.7px}.topbar h1 span{font-size:21px}.top-actions{display:flex;gap:10px;align-items:center}.primary,.secondary,.hero-button{border:0;border-radius:10px;font-weight:700;padding:11px 16px}.primary{background:var(--green);color:#fff;box-shadow:0 3px 10px rgba(18,122,87,.2)}.primary:hover{background:#0d694a}.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.icon-button{position:relative;border:1px solid var(--line);background:#fff;width:41px;height:41px;border-radius:10px;color:#58645f}.notification-dot{position:absolute;right:10px;top:9px;width:6px;height:6px;background:#df7f58;border:2px solid #fff;border-radius:50%}.view{display:none}.view.active{display:block}.hero{background:radial-gradient(circle at 83% 18%,rgba(68,174,127,.32),transparent 26%),linear-gradient(125deg,#0b241b,#0c4834);color:white;border-radius:18px;padding:29px 31px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow)}.live-pill{font-size:10px;letter-spacing:1.2px;color:#9ce0c2;font-weight:800}.hero h2{margin:11px 0 5px;font-size:26px;letter-spacing:-.6px}.hero p{margin:0;color:#a8c0b5}.hero-meta{display:flex;gap:20px;color:#b7ccc3;margin-top:24px;font-size:12px}.hero-button{background:#fff;color:var(--green-dark);padding:13px 18px}.hero-button span{margin-left:14px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:19px;display:flex;gap:14px;align-items:center}.stat-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;font-weight:800}.stat-icon.green{background:#e2f3eb;color:#15825d}.stat-icon.blue{background:#e7eff9;color:#3978ad}.stat-icon.purple{background:#eee9f8;color:#7656a7}.stat-icon.amber{background:#faf0dd;color:#b77a25}.stat-card small,.stat-card strong,.stat-card em{display:block}.stat-card small{color:var(--muted);font-size:11px}.stat-card strong{font-size:20px;margin:4px 0 3px}.stat-card em{font-size:10px;color:#29906b;font-style:normal}.stat-card em.warm{color:#ba7836}.dashboard-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:17px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:21px;box-shadow:0 2px 12px rgba(30,50,40,.025)}.panel-head,.section-heading{display:flex;justify-content:space-between;align-items:flex-start}.panel-head h3,.section-heading h2{margin:0}.panel-head h3{font-size:16px}.panel-head p,.section-heading p{margin:5px 0 0;color:var(--muted);font-size:12px}.text-button{border:0;background:none;color:var(--green);font-size:11px;font-weight:700}.timeline{margin-top:16px}.timeline-row{display:grid;grid-template-columns:54px 4px 1fr auto;gap:12px;align-items:center;padding:9px 0}.timeline-row time{color:#77837d;font-size:11px}.timeline-row i{width:4px;height:42px;border-radius:5px;background:#b9c6c0}.timeline-row.active i{background:#24a574}.timeline-row strong,.timeline-row small{display:block}.timeline-row strong{font-size:13px}.timeline-row small{font-size:10px;color:var(--muted);margin-top:3px}.timeline-row .status{font-size:9px;border-radius:99px;background:#eff3f1;color:#64716b;padding:5px 8px;text-transform:uppercase;font-weight:800}.timeline-row.active .status{background:var(--green-soft);color:var(--green)}.activity{display:flex;gap:11px;padding:14px 0;border-bottom:1px solid #edf0ee}.activity:last-child{border:0}.activity-icon{width:34px;height:34px;border-radius:9px;background:#edf6f2;color:var(--green);display:grid;place-items:center}.activity div{flex:1}.activity strong{font-size:12px;display:block}.activity p{font-size:10px;color:var(--muted);margin:4px 0}.activity time{font-size:9px;color:#9aa49f}.section-heading{margin-bottom:22px;align-items:center}.section-heading h2{font-size:24px}.filter-row{display:flex;gap:8px;margin-bottom:15px}.chip{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:99px;padding:8px 13px;font-size:11px;font-weight:700}.chip.active{background:var(--green-soft);color:var(--green);border-color:#bfe2d3}.session-list{display:grid;gap:10px}.session-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:20px}.date-box{border-right:1px solid var(--line)}.date-box strong,.date-box span{display:block}.date-box strong{font-size:19px}.date-box span{font-size:10px;color:var(--muted);text-transform:uppercase}.session-card h3{font-size:14px;margin:0 0 5px}.session-card p{font-size:11px;color:var(--muted);margin:0}.session-tags{margin-top:9px;display:flex;gap:6px}.tag{font-size:9px;background:#eff3f1;color:#58655f;border-radius:99px;padding:5px 8px}.tag.ready{background:var(--green-soft);color:var(--green)}.student-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.student-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.student-top{display:flex;align-items:center;gap:12px}.student-top div{flex:1}.student-top strong,.student-top small{display:block}.student-top small{color:var(--muted);font-size:10px;margin-top:3px}.student-credit{display:flex;justify-content:space-between;background:#f6f8f6;border-radius:10px;padding:12px;margin:16px 0;font-size:11px}.student-credit strong{color:var(--green)}.student-card button{width:100%}.blue-bg{background:#5a86a8}.chat-layout{display:grid;grid-template-columns:290px 1fr;background:#fff;border:1px solid var(--line);border-radius:15px;min-height:590px;overflow:hidden}.chat-list{border-right:1px solid var(--line);padding:10px}.chat-person{display:flex;gap:10px;padding:12px;border-radius:10px}.chat-person.active{background:#edf6f2}.chat-person div{flex:1}.chat-person strong,.chat-person small{display:block;font-size:11px}.chat-person small{color:var(--muted);margin-top:5px}.chat-person time{font-size:9px;color:#87938d}.conversation{display:flex;flex-direction:column}.conversation-head{display:flex;gap:11px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.conversation-head strong,.conversation-head small{display:block}.conversation-head small{font-size:10px;color:var(--green);margin-top:3px}.messages{padding:25px;flex:1;display:flex;flex-direction:column;gap:12px;background:#fafbf9}.day-label{text-align:center;color:#9aa49f;font-size:9px;text-transform:uppercase}.message{max-width:68%;padding:11px 13px;border-radius:12px;font-size:12px;line-height:1.5}.message time{display:block;font-size:8px;margin-top:5px;opacity:.65}.message.theirs{background:#fff;border:1px solid var(--line)}.message.mine{background:#dff2e9;margin-left:auto}.course-summary{display:flex;gap:12px;border:1px solid #cde5d9;background:#fff;border-radius:12px;padding:15px;max-width:70%}.course-summary>span{color:var(--green)}.course-summary strong{font-size:12px}.course-summary p{font-size:10px;color:var(--muted)}.course-summary button{border:0;background:none;color:var(--green);padding:0;font-size:10px;font-weight:700}.composer{display:flex;gap:10px;padding:14px;border-top:1px solid var(--line)}.composer input{flex:1;border:1px solid var(--line);border-radius:10px;padding:11px;background:#f9faf9}.card-summary,.finance-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.card-summary>div,.finance-hero>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px}.card-summary small,.card-summary strong,.finance-hero small,.finance-hero strong,.finance-hero span{display:block}.card-summary small,.finance-hero small,.finance-hero span{color:var(--muted);font-size:10px}.card-summary strong,.finance-hero strong{font-size:22px;margin-top:6px}.finance-hero span{margin-top:5px}.anki-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.anki-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;min-height:165px}.anki-card .tag{display:inline-block}.anki-card h3{font-size:13px;line-height:1.35;margin:18px 0 8px}.anki-card p{font-size:10px;color:var(--muted)}.transactions{margin-top:12px}.transaction{display:grid;grid-template-columns:1fr 110px 110px 110px;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px}.transaction:last-child{border:0}.transaction small{display:block;color:var(--muted);margin-top:3px}.positive{color:var(--green);font-weight:800}dialog{border:0;padding:0;background:transparent;width:min(560px,calc(100% - 28px))}dialog::backdrop{background:rgba(4,18,13,.58);backdrop-filter:blur(3px)}.dialog-card{position:relative;background:#fff;border-radius:18px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.25)}.dialog-close{position:absolute;right:16px;top:13px;border:0;background:none;font-size:25px;color:#79847f}.dialog-card h2{margin:0 0 6px}.dialog-card>div>p{color:var(--muted);font-size:12px;margin:0 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:10px;color:var(--muted);font-weight:700}.field input,.field textarea,.field select{border:1px solid var(--line);border-radius:9px;padding:10px;resize:vertical}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.record-stage{border:1px dashed #b6cec2;background:#f1f7f4;border-radius:12px;padding:25px;text-align:center}.record-stage strong,.record-stage small{display:block}.record-stage small{color:var(--muted);margin:7px 0 15px}.recording{color:#d64f4f!important}.toast{position:fixed;right:24px;bottom:24px;background:#12261e;color:white;border-radius:10px;padding:12px 16px;font-size:12px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:30}.toast.show{opacity:1;transform:none}.mobile-only{display:none}@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.student-grid,.anki-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.mobile-only{display:block}main{margin-left:0;padding:0 16px 35px}.topbar{height:90px}.topbar .primary{display:none}.topbar h1{font-size:20px}.hero{align-items:flex-start;gap:25px;flex-direction:column}.hero-meta{flex-direction:column;gap:7px}.stats-grid,.dashboard-grid,.student-grid,.anki-grid,.card-summary,.finance-hero{grid-template-columns:1fr}.chat-layout{grid-template-columns:1fr}.chat-list{display:none}.session-card{grid-template-columns:65px 1fr}.session-card>.secondary{grid-column:1/-1}.transaction{grid-template-columns:1fr 80px}.transaction span:nth-child(3),.transaction span:nth-child(4){display:none}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}