/* ── My Workspace — main.css ── */
:root{
  --bg:#0A0A0A;--surface:#141414;--surface2:#1E1E1E;--border:#2A2A2A;--border2:#333;
  --text:#F0EDE8;--muted:#5A5A5A;--muted2:#888;
  --accent:#C8F060;--accent2:#60C8F0;--accent3:#F060C8;--accent4:#F0A060;--accent5:#A060F0;
  --red:#F06060;--green:#60F0A0;--yellow:#F0D060;
  --dat:#FF6B35;--dat2:#FF9A5C;
  --r:10px;--nav:220px;
  --fh:'Syne',sans-serif;--fm:'Space Mono',monospace;--fb:'Inter',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:var(--fb);background:var(--bg);color:var(--text);min-height:100vh;display:flex;overflow:hidden;font-size:14px;}
a{text-decoration:none;color:inherit;}

/* ── SIDEBAR ── */
.sidebar{width:var(--nav);min-width:var(--nav);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:fixed;left:0;top:0;z-index:100;}
.logo{padding:18px 16px 14px;font-family:var(--fh);font-size:15px;font-weight:800;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;}
.ldot{width:8px;height:8px;border-radius:50%;background:var(--accent);}
.ns{padding:14px 0 4px;}
.nl{font-size:9px;font-weight:600;color:var(--muted);padding:0 14px 6px;letter-spacing:2px;text-transform:uppercase;font-family:var(--fm);}
.ni{display:flex;align-items:center;gap:9px;padding:7px 14px;cursor:pointer;font-size:12.5px;color:var(--muted2);transition:all .15s;border-left:2px solid transparent;}
.ni:hover{background:var(--surface2);color:var(--text);}
.ni.active{background:var(--surface2);color:var(--text);border-left-color:var(--accent);}
.ni.dn{color:var(--dat2);}
.ni.dn.active{border-left-color:var(--dat);color:var(--dat);}
.ico{font-size:14px;width:18px;text-align:center;}
.nb{margin-left:auto;font-size:9px;font-family:var(--fm);background:var(--bg);padding:1px 5px;border-radius:20px;color:var(--muted);border:1px solid var(--border);}
.ni.active .nb{border-color:var(--accent);color:var(--accent);}

/* ── MAIN ── */
.main{margin-left:var(--nav);flex:1;height:100vh;overflow-y:auto;}

/* ── COVER ── */
.cover{height:150px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:20px 40px;}
.cbg{position:absolute;inset:0;}
.c-home{background:linear-gradient(135deg,#0d1a0d,#0a0a1a,#1a0d1a);}
.c-todo{background:linear-gradient(135deg,#0d0d1a,#150d20);}
.c-cal{background:linear-gradient(135deg,#0d1a1a,#0a1510);}
.c-mast{background:linear-gradient(135deg,#1a0d0d,#200d18);}
.c-cour{background:linear-gradient(135deg,#0d1a0d,#1a1a0d);}
.c-teach{background:linear-gradient(135deg,#0d0d0d,#0a1a0a);}
.c-notes{background:linear-gradient(135deg,#1a1a0d,#1a0d0d);}
.c-mon{background:linear-gradient(135deg,#0d1a10,#0a200a);}
.c-ach{background:linear-gradient(135deg,#150d1a,#0d0d1a);}
.c-read{background:linear-gradient(135deg,#0d0d1a,#0a0a20);}
.c-med{background:linear-gradient(135deg,#1a0d0d,#200a0a);}
.c-side{background:linear-gradient(135deg,#1a1a0d,#0d1a0d);}
.c-free{background:linear-gradient(135deg,#0d1a1a,#0a1a20);}
.c-gen{background:linear-gradient(135deg,#111,#1a0d0d);}
.c-dat{background:linear-gradient(135deg,#1a0d05,#200a00,#150505);}
.grain{position:absolute;inset:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
.ce{font-size:44px;position:relative;z-index:1;margin-bottom:-6px;}

/* ── PAGE ── */
.pgh{padding:22px 40px 0;}
.pt{font-family:var(--fh);font-size:32px;font-weight:800;margin-bottom:4px;}
.ps{font-size:12px;color:var(--muted2);margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--border);}
.pgc{padding:20px 40px 60px;}

/* ── GRIDS ── */
.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:14px;}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px;}
.s2{grid-column:span 2;}.s3{grid-column:span 3;}.s4{grid-column:span 4;}

/* ── CARD ── */
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:18px;transition:border-color .2s;}
.card:hover{border-color:var(--border2);}
.cH{display:flex;align-items:center;gap:9px;margin-bottom:14px;}
.cI{font-size:16px;}
.cT{font-size:12px;font-weight:600;letter-spacing:.3px;font-family:var(--fh);}
.cA{margin-left:auto;font-size:10px;cursor:pointer;padding:2px 9px;border-radius:20px;border:1px solid var(--border);background:none;color:var(--muted);transition:all .15s;font-family:var(--fb);}
.cA:hover{border-color:var(--accent);color:var(--accent);}

/* ── STAT ── */
.stat{text-align:center;padding:18px 12px;}
.sn{font-size:34px;font-weight:700;font-family:var(--fm);line-height:1;}
.sl{font-size:10px;color:var(--muted2);margin-top:5px;letter-spacing:.5px;text-transform:uppercase;font-family:var(--fm);}

/* ── TODO ── */
.ti{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--border);}
.ti:last-child{border-bottom:none;}
.ck{width:15px;height:15px;border:1.5px solid #3a3a3a;border-radius:3px;cursor:pointer;flex-shrink:0;transition:all .2s;display:flex;align-items:center;justify-content:center;}
.ck.done{background:var(--accent);border-color:var(--accent);}
.ck.done::after{content:'✓';color:#000;font-size:9px;font-weight:700;}
.tt{flex:1;font-size:12.5px;}
.tt.s{text-decoration:line-through;color:var(--muted);}
.d{width:5px;height:5px;border-radius:50%;flex-shrink:0;}
.dr{background:var(--red);}.dy{background:var(--accent4);}.dg{background:var(--green);}
.pt2{font-size:9px;padding:1px 7px;border-radius:20px;font-family:var(--fm);}
.ph2{background:#1f1010;color:var(--red);}.pm{background:#1f1810;color:var(--accent4);}.pl{background:#101f14;color:var(--green);}

/* ── PROGRESS ── */
.pr{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);font-size:12.5px;}
.pr:last-child{border-bottom:none;}
.prl{flex:1;}
.prb{height:3px;background:var(--border);border-radius:10px;overflow:hidden;width:70px;}
.prf{height:100%;border-radius:10px;}
.pct{font-size:10px;color:var(--muted2);font-family:var(--fm);min-width:28px;text-align:right;}

/* ── EVENTS ── */
.ev{display:flex;gap:11px;padding:9px 0;border-bottom:1px solid var(--border);align-items:flex-start;}
.ev:last-child{border-bottom:none;}
.evd{width:7px;height:7px;border-radius:50%;margin-top:5px;flex-shrink:0;}
.evb{flex:1;}
.evT{font-size:12.5px;font-weight:500;margin-bottom:2px;}
.evM{font-size:10px;color:var(--muted2);display:flex;gap:10px;flex-wrap:wrap;}
.etg{font-size:9px;padding:1px 7px;border-radius:20px;margin-left:auto;font-family:var(--fm);}
.etgw{background:#101a10;color:var(--green);}
.etgm{background:#10101a;color:var(--accent2);}
.etgd{background:#1a0d05;color:var(--dat2);}

/* ── NOTE ── */
.note{padding:10px 12px;background:var(--surface2);border-radius:7px;margin-bottom:8px;font-size:12.5px;line-height:1.7;border-left:2px solid var(--accent4);}
.note:last-child{margin-bottom:0;}
.nd{font-size:9px;color:var(--muted);margin-top:5px;font-family:var(--fm);}

/* ── SCHEDULE ── */
.sr{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);}
.sr:last-child{border-bottom:none;}
.wp{font-size:9px;padding:3px 9px;border-radius:20px;min-width:64px;text-align:center;font-weight:700;font-family:var(--fm);}
.wp1{background:#101a10;color:var(--green);}.wp2{background:#1a1a10;color:var(--yellow);}
.sinfo{flex:1;}
.slab{font-weight:600;font-size:11.5px;}
.ssubj{font-size:10px;color:var(--muted2);}
.mt{font-family:var(--fm);font-size:10px;font-weight:700;padding:2px 8px;border-radius:5px;background:#101a10;color:var(--accent);border:1px solid #1a3a1a;}

/* ── BOOKS ── */
.bi{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);align-items:flex-start;}
.bi:last-child{border-bottom:none;}
.bc{width:32px;height:44px;border-radius:3px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;}
.bif{flex:1;}
.bt{font-size:12.5px;font-weight:600;margin-bottom:1px;}
.ba{font-size:10px;color:var(--muted2);margin-bottom:5px;}
.bs{font-size:9px;padding:2px 7px;border-radius:20px;font-family:var(--fm);}
.bsr{background:#101a10;color:var(--green);}.bsn{background:#10101a;color:var(--accent2);}.bsd{background:#1a1a1a;color:var(--muted);}

/* ── PROJECTS ── */
.pjc{background:var(--surface2);border-radius:8px;padding:12px 14px;margin-bottom:8px;border:1px solid var(--border);}
.pjc:last-child{margin-bottom:0;}
.pjn{font-size:12.5px;font-weight:600;margin-bottom:5px;display:flex;align-items:center;justify-content:space-between;}
.pjs{font-size:9px;padding:2px 7px;border-radius:20px;font-family:var(--fm);}
.pja{background:#101a10;color:var(--green);}.pjp{background:#1a1a10;color:var(--yellow);}.pjd{background:#10101a;color:var(--accent2);}
.pjm{font-size:10px;color:var(--muted2);display:flex;gap:14px;flex-wrap:wrap;}

/* ── HOME SUBPAGE CARDS ── */
.spc{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:12px;}
.spc:hover{border-color:#444;transform:translateY(-1px);background:var(--surface2);}
.spc .ic{font-size:24px;}
.spc .in{flex:1;}
.spc .nm{font-size:12.5px;font-weight:600;font-family:var(--fh);}
.spc .ds{font-size:10px;color:var(--muted2);margin-top:1px;}
.spc .ar{color:var(--muted);font-size:14px;}
.spc:hover .ar{color:var(--accent);}
.spc.dc{border-color:#2a1505;}
.spc.dc:hover{border-color:var(--dat);}
.spc.dc .nm{color:var(--dat2);}

/* ── DATE BAR ── */
.datebar{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:12px 18px;margin-bottom:14px;}
.dm{font-size:15px;font-weight:600;font-family:var(--fh);}
.dsb{font-size:10px;color:var(--muted2);margin-top:1px;font-family:var(--fm);}
.wb{font-size:11px;padding:5px 13px;border-radius:20px;font-weight:700;font-family:var(--fm);}

/* ── FINANCE ── */
.mi{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);font-size:12.5px;}
.mi:last-child{border-bottom:none;}
.ma{font-family:var(--fm);font-weight:700;}
.min2{color:var(--green);}.mout{color:var(--red);}

/* ── EPISODES ── */
.epi{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--border);}
.epi:last-child{border-bottom:none;}
.epn{font-family:var(--fm);font-size:10px;color:var(--muted2);min-width:28px;}
.epif{flex:1;}
.ept{font-size:12.5px;font-weight:500;}
.epm{font-size:10px;color:var(--muted2);}
.epst{font-size:9px;padding:2px 7px;border-radius:20px;font-family:var(--fm);}
.epsd{background:#101a10;color:var(--green);}.epse{background:#1a1a10;color:var(--yellow);}.epsp{background:#10101a;color:var(--accent2);}

/* ── DATURIAL ── */
.dcard{border-color:#2a1505!important;}
.dac{color:var(--dat);}
.kpi{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:14px;text-align:center;}
.kn{font-size:28px;font-weight:700;font-family:var(--fm);}
.kl{font-size:9px;color:var(--muted2);margin-top:4px;text-transform:uppercase;letter-spacing:1px;font-family:var(--fm);}
.kc{font-size:10px;margin-top:3px;font-family:var(--fm);}
.ku{color:var(--green);}.kd{color:var(--red);}
.ri{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);align-items:flex-start;}
.ri:last-child{border-bottom:none;}
.rdot{width:10px;height:10px;border-radius:50%;margin-top:3px;flex-shrink:0;}
.rdone{background:var(--green);}.ract{background:var(--dat);box-shadow:0 0 8px var(--dat);}.rnx{background:var(--border2);}
.rb{flex:1;}
.rT{font-size:12.5px;font-weight:600;margin-bottom:2px;}
.rD{font-size:10px;color:var(--muted2);}
.rQ{font-size:9px;font-family:var(--fm);margin-top:3px;}
.tmc{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);}
.tmc:last-child{border-bottom:none;}
.tav{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;background:#1a0a02;}
.tif{flex:1;}
.tnm{font-size:12.5px;font-weight:600;}
.trl{font-size:10px;color:var(--muted2);}
.tst{font-size:9px;padding:2px 7px;border-radius:20px;font-family:var(--fm);}
.tsa{background:#101a10;color:var(--green);}.tsp{background:#1a1a10;color:var(--yellow);}
.cr{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);font-size:12.5px;}
.cr:last-child{border-bottom:none;}
.ls{font-size:9px;padding:2px 7px;border-radius:20px;font-family:var(--fm);}
.lshot{background:#1a0a0a;color:var(--red);}.lswarm{background:#1a1505;color:var(--yellow);}
.lscold{background:#10101a;color:var(--accent2);}.lscli{background:#101a10;color:var(--green);}

/* ── MODAL ── */
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:999;align-items:center;justify-content:center;}
.modal-overlay.open{display:flex;}
.modal{background:var(--surface);border:1px solid var(--border2);border-radius:14px;padding:28px;width:420px;max-width:90vw;}
.modal h3{font-family:var(--fh);font-size:18px;margin-bottom:18px;}
.mfield{margin-bottom:14px;}
.mfield label{display:block;font-size:11px;color:var(--muted2);margin-bottom:5px;font-family:var(--fm);text-transform:uppercase;letter-spacing:1px;}
.mfield input,.mfield select,.mfield textarea{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:7px;padding:8px 12px;color:var(--text);font-size:13px;font-family:var(--fb);outline:none;transition:border-color .2s;}
.mfield input:focus,.mfield select:focus,.mfield textarea:focus{border-color:var(--accent);}
.mfield textarea{resize:vertical;min-height:80px;}
.modal-actions{display:flex;gap:10px;margin-top:18px;}
.btn-save{flex:1;background:var(--accent);color:#000;border:none;border-radius:7px;padding:10px;font-size:13px;font-weight:700;font-family:var(--fh);cursor:pointer;}
.btn-save:hover{opacity:.9;}
.btn-cancel{background:var(--surface2);color:var(--muted2);border:1px solid var(--border);border-radius:7px;padding:10px 16px;font-size:13px;cursor:pointer;}

/* ── SCROLLBAR ── */
::-webkit-scrollbar{width:3px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:4px;}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  .sidebar{width:180px;min-width:180px;}
  .main{margin-left:180px;}
  .g2,.g3,.g4{grid-template-columns:1fr;}
  .s2,.s3,.s4{grid-column:span 1;}
  .pgc{padding:14px 16px 60px;}
  .pgh{padding:14px 16px 0;}
  .cover{padding:14px 20px;}
}

/* ── USER PANEL ── */
.sidebar { justify-content: flex-start; }