:root{--primary:#07111f;--secondary:#3157d5;--cyan:#22d3ee;--cta:#ffd23f;--success:#26d07c;--danger:#ff5a5f;--background:#f4f7fb;--text:#0b172a;--muted:#65748b;--border:#0b172a1f;--shadow:0 18px 55px #07111f17;color:var(--text);background:var(--background);font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--background);min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}h1,h2,h3,p{margin-top:0}h1,h2,h3,.logo strong{font-family:Sora,Inter,sans-serif}svg{flex:none;width:1em;height:1em}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.logo{color:#f4f7fb;align-items:center;gap:12px;display:flex}.logo-mark{background:var(--cta);width:46px;height:46px;color:var(--primary);border-radius:15px;place-items:center;font:800 24px Sora;display:grid;box-shadow:0 12px 25px #ffd23f38}.logo strong{font-size:18px;line-height:1;display:block}.logo span{color:var(--cyan);letter-spacing:.18em;text-transform:uppercase;margin-top:5px;font-size:11px;font-weight:800;display:block}.primary-btn,.outline,.text-btn{border:0;justify-content:center;align-items:center;gap:8px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.primary-btn{background:var(--cta);width:100%;min-height:52px;color:var(--primary);border-radius:13px;padding:0 20px;box-shadow:0 12px 28px #ffd23f3d}.primary-btn:hover{filter:brightness(1.04);transform:translateY(-2px)}.primary-btn.fit{width:auto}.outline{border:1px solid var(--border);min-height:38px;color:var(--secondary);background:#fff;border-radius:10px;padding:0 12px;font-size:12px}.outline.danger{color:#aa2d31;border-color:#ff5a5f47}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--cyan);align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.pill{color:var(--secondary);text-transform:uppercase;letter-spacing:.11em;background:#3157d514;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;display:inline-flex}.login{background:var(--primary);grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid;overflow:hidden}.login-copy{color:#f4f7fb;isolation:isolate;flex-direction:column;justify-content:center;padding:clamp(34px,6vw,84px);display:flex;position:relative}.login-copy:before{content:"";z-index:-1;background:radial-gradient(circle,#22d3ee2e,#0000 68%);border-radius:50%;width:620px;height:620px;position:absolute;inset:-20% -10% auto auto}.login-copy .logo{position:absolute;top:42px;left:clamp(34px,6vw,84px)}.login-copy h1{letter-spacing:-.05em;max-width:850px;margin:20px 0 22px;font-size:clamp(42px,5vw,76px);line-height:1}.login-copy p:not(.eyebrow){color:#f4f7fbb8;max-width:720px;font-size:18px;line-height:1.75}.login-stats{grid-template-columns:repeat(3,1fr);gap:14px;max-width:660px;margin-top:34px;display:grid}.login-stats div{background:#f4f7fb0f;border:1px solid #f4f7fb1f;border-radius:18px;padding:18px}.login-stats b{color:var(--cta);font:800 30px Sora;display:block}.login-stats span{color:#f4f7fb9e;font-size:12px}.login-panel{background:var(--background);place-items:center;padding:28px;display:grid}.login-card{border:1px solid var(--border);background:#fff;border-radius:26px;width:min(100%,460px);padding:clamp(26px,4vw,44px);box-shadow:0 35px 90px #07111f2e}.login-card h2{letter-spacing:-.035em;margin:18px 0 8px;font-size:32px}.login-card p{color:var(--muted);line-height:1.6}.login-card form{gap:16px;margin-top:18px;display:grid}.login-card label,.settings-form label,.modal label{gap:8px;font-size:13px;font-weight:800;display:grid}.login-card input,.settings-form input,.modal input,.modal select,.modal textarea{border:1px solid var(--border);background:var(--background);width:100%;min-height:48px;color:var(--text);border-radius:12px;outline:0;padding:0 13px}.modal textarea{resize:vertical;min-height:90px;padding:12px}.login-card input:focus,.settings-form input:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--secondary);box-shadow:0 0 0 4px #3157d514}.password-row{border:1px solid var(--border);background:var(--background);border-radius:12px;align-items:center;display:flex;overflow:hidden}.password-row input{border:0;box-shadow:none!important}.password-row button{color:var(--muted);background:0 0;border:0;place-items:center;padding:0 12px;display:grid}.login-card small{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-top:18px;font-size:12px;display:flex}.form-error{color:#9a282d;background:#ff5a5f14;border:1px solid #ff5a5f4d;border-radius:12px;padding:12px 13px;font-size:13px}.loader{background:var(--primary);color:#f4f7fb;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.loader span{color:#f4f7fba6;font-size:13px}.shell{min-height:100vh}.sidebar{background:var(--primary);color:#f4f7fb;z-index:40;flex-direction:column;width:268px;padding:28px 20px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar nav{gap:6px;margin-top:44px;display:grid}.sidebar nav button,.drawer button{color:#f4f7fbad;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;min-height:48px;padding:0 14px;font-weight:750;display:flex}.sidebar nav button:hover,.drawer button:hover{color:#fff;background:#f4f7fb0f}.sidebar nav button.active,.drawer button.active{background:var(--cta);color:var(--primary)}.side-bottom{gap:12px;margin-top:auto;display:grid}.sync{color:var(--success);background:#26d07c1a;border-radius:10px;align-items:center;gap:8px;margin:0;padding:10px 12px;font-size:12px;font-weight:800;display:flex}.sync.off{color:var(--danger);background:#ff5a5f1a}.user-mini{border-top:1px solid #f4f7fb1a;grid-template-columns:38px 1fr 34px;align-items:center;gap:10px;padding-top:15px;display:grid}.user-mini>div{background:var(--secondary);border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.user-mini b,.user-mini small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.user-mini b{font-size:12px}.user-mini small{color:#f4f7fb8c;margin-top:4px;font-size:10px}.user-mini button{color:#f4f7fb8c;background:0 0;border:0;place-items:center;display:grid}.main{min-height:100vh;margin-left:268px;padding:34px clamp(24px,4vw,58px) 70px}.stack{gap:24px;width:min(100%,1480px);margin:0 auto;display:grid}.mobile-head,.bottom-nav,.drawer-bg{display:none}.hero{background:radial-gradient(circle at 78% 20%,#22d3ee2e,transparent 32%),linear-gradient(135deg,var(--primary),var(--text));color:#f4f7fb;border-radius:28px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:34px;min-height:276px;padding:clamp(26px,4vw,48px);display:grid;overflow:hidden}.hero h1,.page-title h1{letter-spacing:-.045em;margin:14px 0;font-size:clamp(34px,4vw,56px);line-height:1.05}.hero p:not(.eyebrow),.page-title span{color:#f4f7fbb3;max-width:760px;line-height:1.7}.ring{background:conic-gradient(var(--cta) var(--p),#f4f7fb1a 0);border-radius:50%;place-items:center;width:180px;height:180px;padding:14px;display:grid}.ring:before{content:"";position:absolute}.ring b,.ring span{text-align:center;display:block}.ring b{font:800 40px Sora}.ring span{color:#f4f7fb9e;font-size:12px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat{border:1px solid var(--border);background:#fff;border-radius:18px;grid-template-columns:48px 1fr;grid-template-areas:"i l""i v""i d";gap:3px 13px;padding:18px;display:grid;box-shadow:0 8px 25px #07111f0a}.stat>div{width:48px;height:48px;color:var(--secondary);background:#3157d517;border-radius:15px;grid-area:i;place-items:center;font-size:22px;display:grid}.stat.yellow>div{color:#8f6800;background:#ffd23f38}.stat.green>div{color:#087541;background:#26d07c1f}.stat.red>div{color:#ab3035;background:#ff5a5f1a}.stat span{color:var(--muted);grid-area:l;font-size:12px;font-weight:800}.stat b{grid-area:v;font:800 28px Sora}.stat small{color:var(--muted);grid-area:d;font-size:11px}.cards-two{grid-template-columns:1.05fr .95fr;gap:24px;display:grid}.card,.calendar-card,.agenda,.routine-day{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:clamp(18px,3vw,30px)}.header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.header span{color:var(--secondary);letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.header h2{letter-spacing:-.03em;margin:0;font-size:clamp(21px,2vw,28px)}.review-list{gap:10px;display:grid}.review-mini{border-left:4px solid var(--secondary);background:var(--background);border-radius:13px;grid-template-columns:42px 1fr;align-items:center;gap:12px;padding:12px;display:grid}.review-mini.today{border-left-color:var(--cta)}.review-mini.overdue{border-left-color:var(--danger)}.review-mini.completed{border-left-color:var(--success)}.review-mini>b{width:38px;height:38px;color:var(--secondary);background:#fff;border-radius:11px;place-items:center;display:grid}.review-mini strong,.review-mini span{display:block}.review-mini strong{font-size:12px;line-height:1.4}.review-mini span{color:var(--muted);margin-top:3px;font-size:10px}.empty{text-align:center;min-height:130px;color:var(--muted);align-content:center;place-items:center;gap:10px;display:grid}.empty svg{color:var(--secondary);font-size:28px}.subject-grid,.progress-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.subject-card{background:var(--background);text-align:left;border:1px solid #0000;border-radius:16px;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:16px;transition:all .2s;display:grid}.subject-card:hover{border-color:#3157d547;transform:translateY(-2px)}.subject-icon{background:var(--primary);width:46px;height:46px;color:var(--cta);border-radius:15px;place-items:center;font-size:28px;display:grid}.subject-card strong,.subject-card span{display:block}.subject-card strong{font:800 14px Sora}.subject-card span{color:var(--muted);margin-top:4px;font-size:11px}.subject-card>b{color:var(--secondary);font:800 18px Sora}.bar{background:#3157d51c;border-radius:999px;grid-column:1/-1;height:7px;overflow:hidden}.bar i{background:linear-gradient(90deg,var(--secondary),var(--cyan));border-radius:inherit;height:100%;display:block}.page-title{justify-content:space-between;align-items:flex-end;gap:18px;padding:8px 0;display:flex}.page-title h1{color:var(--text);margin-bottom:10px}.page-title span{color:var(--muted);display:block}.page-title .eyebrow{color:var(--secondary)}.filters{z-index:12;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);background:#ffffffeb;border-radius:18px;grid-template-columns:minmax(240px,1fr) 190px 190px 170px;gap:10px;padding:11px;display:grid;position:sticky;top:12px;box-shadow:0 10px 28px #07111f0f}.filters.single{box-shadow:none;background:0 0;border:0;grid-template-columns:1fr;padding:0;position:static}.search{background:var(--background);color:var(--muted);border:1px solid #0000;border-radius:12px;align-items:center;gap:9px;min-height:46px;padding:0 12px;display:flex}.search:focus-within{border-color:var(--secondary)}.search input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.filters select{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:12px;padding:0 11px;font-size:12px;font-weight:800}.topic-list{gap:14px;display:grid}.subject-acc{border:1px solid var(--border);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 28px #07111f0a}.acc-head{text-align:left;background:#fff;border:0;grid-template-columns:46px 1fr 24px;align-items:center;gap:14px;width:100%;min-height:84px;padding:18px 22px;display:grid}.acc-head:hover{background:#3157d509}.acc-head strong{font:800 18px Sora}.acc-head span{color:var(--muted);margin-top:5px;font-size:11px;display:block}.acc-head .rot{transform:rotate(180deg)}.acc-body{border-top:1px solid var(--border);background:#f4f7fb9e;padding:18px}.group{margin-bottom:18px}.group:last-child{margin-bottom:0}.group-head{align-items:center;gap:9px;padding:6px 6px 11px;display:flex}.group-head h3{margin:0;font-size:14px}.group-head span,.group-head small,.badge{color:var(--secondary);background:#3157d514;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.group-head small{color:var(--muted);background:#fff;margin-left:auto}.topic{border:1px solid var(--border);background:#fff;border-radius:13px;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;min-height:68px;margin-bottom:7px;padding:12px;display:grid}.topic.studied{border-color:#26d07c52}.check{background:var(--background);width:34px;height:34px;color:var(--primary);border:1px solid #3157d547;border-radius:10px;place-items:center;display:grid}.check.on{background:var(--success);border-color:var(--success)}.topic strong{font-size:13px;line-height:1.42;display:block}.topic p{flex-wrap:wrap;gap:5px;margin:7px 0 0;display:flex}.badge.ok{color:#087541;background:#26d07c1a}.badge.muted{color:var(--muted);background:#0b172a0f}.badge.alta{color:#8c6500;background:#ffd23f3d}.badge.media{color:var(--secondary);background:#3157d51a}.chips{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.chip{border:1px solid var(--border);background:var(--background);color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.chip.today{color:#8c6500;background:#ffd23f2e;border-color:#ffd23fb3}.chip.overdue{color:#9a282d;background:#ff5a5f12;border-color:#ff5a5f4d}.chip.completed{color:#087541;background:#26d07c14;border-color:#26d07c59}.topic em{color:#087541;white-space:nowrap;font-size:10px;font-style:normal;font-weight:800}.calendar-layout{grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:22px;display:grid}.cal-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.cal-top h2{margin:0;font-size:25px}.cal-top h2 span{color:var(--secondary);font-size:14px}.cal-top button{border:1px solid var(--border);width:42px;height:42px;color:var(--text);background:#fff;border-radius:50%;place-items:center;display:grid}.weekdays,.days{grid-template-columns:repeat(7,1fr);display:grid}.weekdays b{text-align:center;color:var(--muted);padding:8px 0 12px;font-size:10px}.days{border-top:1px solid var(--border);border-left:1px solid var(--border)}.days button{border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left;background:#fff;flex-direction:column;justify-content:space-between;min-height:100px;padding:9px;display:flex}.days button.out{color:#0b172a59;background:#f4f7fba6}.days button.sel{box-shadow:inset 0 0 0 2px var(--secondary)}.days button.today b{background:var(--cta);color:var(--primary)}.days button>b{border-radius:10px;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.days span{flex-wrap:wrap;gap:4px;display:flex}.days i{background:var(--secondary);border-radius:50%;width:8px;height:8px}.days i.today{background:var(--cta)}.days i.overdue{background:var(--danger)}.days i.completed{background:var(--success)}.days i.manual{background:var(--cyan)}.agenda{position:sticky;top:18px}.day-item{border-left:4px solid var(--secondary);background:var(--background);border-radius:13px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;margin-bottom:8px;padding:11px;display:grid}.day-item.today{border-left-color:var(--cta)}.day-item.overdue{border-left-color:var(--danger)}.day-item.completed{border-left-color:var(--success)}.day-item.manual{border-left-color:var(--cyan)}.day-item>button{border:1px solid var(--border);width:32px;height:32px;color:var(--secondary);background:#fff;border-radius:10px;place-items:center;display:grid}.day-item b,.day-item span{display:block}.day-item b{font-size:12px}.day-item span,.day-item small{color:var(--muted);font-size:10px}.day-item .trash{color:var(--danger)}.routine-grid{grid-template-columns:repeat(7,1fr);gap:12px;display:grid}.routine-day{padding:16px}.routine-day h3{margin-bottom:12px;font-size:14px}.routine-day p{color:var(--muted);font-size:11px}.routine-block{background:var(--background);border:1px solid var(--border);border-left:4px solid var(--secondary);cursor:pointer;border-radius:13px;margin-bottom:8px;padding:12px 34px 12px 12px;position:relative}.routine-block b,.routine-block strong,.routine-block span{display:block}.routine-block b{color:var(--secondary);font-size:10px}.routine-block strong{margin:4px 0;font-size:12px}.routine-block span{color:var(--muted);font-size:10px}.routine-block button{color:var(--danger);background:0 0;border:0;position:absolute;top:8px;right:6px}.settings-card{max-width:720px}.settings-form{gap:14px;display:grid}.settings-form input{background:var(--background)}.admin-grid{grid-template-columns:minmax(320px,.8fr) 1.2fr;gap:22px;display:grid}.admin-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.user-table{gap:8px;display:grid}.user-table article{border:1px solid var(--border);border-radius:13px;grid-template-columns:minmax(160px,1fr) 120px 150px 100px 130px;align-items:center;gap:10px;padding:12px;display:grid}.user-table b,.user-table span{display:block}.user-table span,.user-table small{color:var(--muted);font-size:11px}.modal-bg{z-index:100;background:#07111f9e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:24px;width:min(100%,520px);max-height:92vh;padding:28px;position:relative;overflow:auto;box-shadow:0 30px 90px #0000004d}.modal h2{margin:0 0 18px}.modal .x{background:var(--background);border:0;border-radius:10px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:16px;right:16px}.modal .form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.toast{z-index:200;background:var(--primary);color:#f4f7fb;border-radius:14px;grid-template-columns:28px 1fr 28px;align-items:center;gap:8px;min-width:280px;max-width:430px;padding:13px;display:grid;position:fixed;bottom:20px;right:20px;box-shadow:0 20px 55px #07111f3d}.toast>span{color:var(--success)}.toast.error>span{color:var(--danger)}.toast b{font-size:12px}.toast button{color:#f4f7fba6;background:0 0;border:0}@media (width<=1220px){.stats-grid,.subject-grid,.progress-grid{grid-template-columns:repeat(2,1fr)}.calendar-layout{grid-template-columns:1fr}.agenda{position:static}.routine-grid{grid-template-columns:repeat(3,1fr)}.admin-grid,.login{grid-template-columns:1fr}.login-copy{display:none}.login-panel{min-height:100vh}.user-table article{grid-template-columns:1fr 1fr}.user-table article div{grid-column:1/-1}}@media (width<=820px){body{padding-bottom:72px}.sidebar{display:none}.main{margin-left:0;padding:82px 14px 28px}.mobile-head{background:var(--primary);z-index:50;justify-content:space-between;align-items:center;height:64px;padding:0 14px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 8px 24px #07111f2e}.mobile-head .logo-mark{border-radius:12px;width:38px;height:38px}.mobile-head .logo strong{font-size:14px}.mobile-head button{color:#fff;background:0 0;border:0;font-size:24px}.bottom-nav{border-top:1px solid var(--border);z-index:60;height:68px;padding-bottom:env(safe-area-inset-bottom);background:#fff;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:var(--muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:9px;font-weight:800;display:flex}.bottom-nav button.active{color:var(--secondary)}.drawer-bg{z-index:90;background:#07111f9e;display:block;position:fixed;inset:0}.drawer{background:var(--primary);color:#fff;width:min(86vw,340px);padding:22px;position:absolute;top:0;bottom:0;right:0}.drawer-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.drawer-top button{color:#fff;background:0 0;border:0}.drawer button{width:100%}.hero{grid-template-columns:1fr;padding:24px}.hero h1,.page-title h1{font-size:31px}.ring{width:132px;height:132px;margin:auto}.ring b{font-size:30px}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat{grid-template-columns:38px 1fr;padding:14px}.stat>div{border-radius:12px;width:38px;height:38px}.stat b{font-size:22px}.stat small{display:none}.cards-two{grid-template-columns:1fr}.page-title{display:block}.page-title .primary-btn{width:100%;margin-top:14px}.filters{grid-template-columns:1fr;position:static}.subject-grid,.progress-grid{grid-template-columns:1fr}.acc-head{min-height:72px;padding:13px}.acc-head strong{font-size:15px}.acc-body{padding:10px}.topic{grid-template-columns:34px 1fr}.topic em{display:none}.calendar-card,.agenda,.card{border-radius:18px;padding:16px}.days button{min-height:58px;padding:5px}.days button>b{width:25px;height:25px;font-size:10px}.days i{width:6px;height:6px}.routine-grid,.modal .form-grid{grid-template-columns:1fr}.toast{min-width:0;bottom:82px;left:12px;right:12px}.login-panel{padding:14px}.login-card{border-radius:22px;padding:24px 18px}}@media (width<=440px){.stats-grid{grid-template-columns:1fr}.stat small{display:block}.user-table article,.admin-stats{grid-template-columns:1fr}.subject-card{grid-template-columns:42px 1fr auto}.subject-icon{border-radius:13px;width:42px;height:42px}}.notice{border-left:5px solid var(--cta);gap:5px;display:grid}.notice b{font:800 16px Sora}.notice span{color:var(--muted);font-size:13px;line-height:1.55}