:root{--bg:#08111f;--panel:#101b2c;--panel2:#142238;--line:#263b57;--accent:#68a7ff;--muted:#9cafc5;--text:#f3f7ff}body{background:radial-gradient(800px circle at 7% -10%,#244f85 0,transparent 56%),radial-gradient(700px circle at 95% 0,#302667 0,transparent 49%),var(--bg);letter-spacing:.005em}.app{max-width:1800px;margin:auto}.side{width:258px;background:linear-gradient(180deg,rgba(12,23,39,.98),rgba(8,16,28,.96));padding:22px 16px;border-right-color:#2a4160}.logo{font-size:23px;letter-spacing:-.05em;padding:10px 12px 27px}.nav{display:grid;gap:4px}.nav button{padding:11px 13px;border:1px solid transparent;transition:.18s ease;font-weight:650}.nav button:hover{transform:translateX(3px);border-color:#314d70;background:#152842}.nav button.active{background:linear-gradient(100deg,#1a4a7b,#243a70);border-color:#467bbb;box-shadow:0 8px 20px #0004}.sidefoot{padding:12px;border:1px solid #29415e;border-radius:14px;background:#0c1829}.main{max-width:1540px;padding:34px 38px}.top{margin-bottom:28px}.h1{font-size:32px;letter-spacing:-.045em}.sub{font-size:14px}.btn{border-radius:12px;padding:10px 14px;background:#132238;border-color:#2d4768;transition:transform .16s,box-shadow .16s,border-color .16s}.btn:hover:not(:disabled){transform:translateY(-2px);border-color:#6da9f4;box-shadow:0 9px 22px #0004}.btn.primary{background:linear-gradient(135deg,#539dff,#7972ff);border:0;box-shadow:0 8px 22px #477eff45}.card{background:linear-gradient(145deg,rgba(18,32,52,.94),rgba(13,23,38,.96));border-color:#2b4564;border-radius:20px;box-shadow:0 14px 38px #0000002b}.item{background:rgba(15,29,48,.88);border-color:#29435f;border-radius:14px;transition:transform .16s,border-color .16s}.item:hover{border-color:#639fe8;transform:translateY(-2px)}input,select,textarea{background:#0a1525;border-color:#304d6e;border-radius:11px}input:focus,select:focus,textarea:focus{border-color:#70aaff;box-shadow:0 0 0 3px #5c9fff26}.tag{background:#1a2c46;color:#d8e7ff}.today-hero{border-color:#426890;background:linear-gradient(120deg,#183e69,#192346 58%,#111e31)}.today-hero:after{border-color:#72b0ff42}.eyebrow{color:#91c3ff}.stat-card{background:linear-gradient(150deg,#142740,#101c2f)}.stat-icon{background:#1c3b63;color:#b9d7ff}.tableRow{border-color:#263f5b}.modal{background:#101d31;border-color:#426487}.login{background:radial-gradient(circle at 50% 0,#2b5690 0,transparent 47%),var(--bg)}.loginbox{background:#111f34;border-color:#466b94;box-shadow:0 28px 80px #0008}.empty{border:1px dashed #385879;border-radius:14px;background:#0d192b}@media(max-width:720px){.main{padding:20px 16px}.top{margin-bottom:20px}.h1{font-size:27px}.card{border-radius:16px}.side{border-right:1px solid #2a4160}}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9dc8ff;outline-offset:3px}.card{animation:studyos-in .35s ease both}.grid>.card:nth-child(2){animation-delay:.04s}.grid>.card:nth-child(3){animation-delay:.08s}.grid>.card:nth-child(4){animation-delay:.12s}.value{letter-spacing:-.04em}.bar{background:#0a1422}.bar i{background:linear-gradient(90deg,#62b6ff,#8a79ff)}@keyframes studyos-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.top{padding:0 4px}.workspace-intro{display:flex;justify-content:space-between;gap:24px;align-items:end;margin:-3px 0 22px;padding:24px 26px;border:1px solid #31567d;border-radius:22px;background:linear-gradient(120deg,#13375e,#171a46 57%,#17233a);box-shadow:inset 0 1px #ffffff14}.workspace-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;color:#9ac7ff}.workspace-intro h1{font-size:34px;letter-spacing:-.06em;margin:6px 0}.workspace-intro p{margin:0;color:#c0d2e8;font-size:14px}.workspace-pulse{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.workspace-pulse span{display:grid;gap:1px;padding:8px 11px;border-radius:11px;background:#0d1d32;color:#a9bed6;font-size:11px}.workspace-pulse b{font-size:16px;color:#fff}.side:before{content:'JOUW STUDIE-OS';font-size:10px;letter-spacing:.14em;color:#6997ca;padding:0 12px}.nav button[data-group]:before{content:attr(data-group);display:none}.nav button[data-group="Vandaag"]{margin-top:8px}.nav button[data-group="Organiseer"]{margin-top:12px}.nav button[data-group="Studeren"]{margin-top:12px}.nav button[data-group="Groei"]{margin-top:12px}.nav button[data-group="Organiseer"]:first-of-type{}@media(max-width:720px){.workspace-intro{display:block;padding:20px}.workspace-intro h1{font-size:29px}.workspace-pulse{justify-content:flex-start;margin-top:15px}}