@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap");*{box-sizing:border-box;margin:0;padding:0}:root{--background:#f7f7fb;--card:#fff;--text:#171725;--muted:#858594;--border:#ebebf1;--purple:#6d5dfc;--purple-light:#efedff;--ring-bg:#efedf5;--input-bg:#fff;--hover:#f7f7fb}html{background:var(--background)}html,html.light{color-scheme:light}html.light{--background:#f7f7fb;--card:#fff;--text:#171725;--muted:#858594;--border:#ebebf1;--purple:#6d5dfc;--purple-light:#efedff;--ring-bg:#efedf5;--input-bg:#fff;--hover:#f7f7fb}html.dark{color-scheme:dark;--background:#101014;--card:#19191f;--text:#f5f5f7;--muted:#9999a6;--border:#2a2a33;--purple:#8275ff;--purple-light:#27233f;--ring-bg:#302e38;--input-bg:#202027;--hover:#24242c}body{background:var(--background);color:var(--text);font-family:DM Sans,sans-serif;transition:background-color .2s ease,color .2s ease}button,input,select{font-family:inherit}a,button{-webkit-tap-highlight-color:transparent}a,button{color:inherit}a{text-decoration:none}.loading-screen{min-height:100vh;background:var(--background);display:grid;place-items:center}.loading-card{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--muted)}.loading-brand{margin-bottom:4px}.loading-spinner{width:25px;height:25px;border:3px solid var(--ring-bg);border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.setup-screen{min-height:100vh;background:var(--background);padding:40px 20px 70px;flex-direction:column}.setup-brand,.setup-screen{display:flex;align-items:center}.setup-brand{gap:11px;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:800;margin-bottom:32px}.setup-brand,.setup-card{width:100%;max-width:720px}.setup-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:32px;box-shadow:0 8px 35px rgba(20,20,50,.04)}.setup-card h1{font-family:Plus Jakarta Sans,sans-serif;font-size:30px;margin-top:7px}.setup-description{color:var(--muted);font-size:14px;line-height:1.6;margin-top:8px;max-width:560px}.form-group{margin-top:24px}.form-group>label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.form-group input,.form-group select{width:100%;border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:10px;padding:12px 13px;outline:none;font-size:13px}.form-group input:focus,.form-group select:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-light)}.subject-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.subject-choice{border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:10px;padding:11px 12px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;font-size:12px;transition:background .2s ease,border-color .2s ease,color .2s ease}.subject-choice:hover{background:var(--hover)}.subject-choice.selected{border-color:var(--purple);background:var(--purple-light);color:var(--purple);font-weight:600}.choice-check{width:20px;height:20px;border:1px solid var(--border);border-radius:6px;display:grid;place-items:center;flex-shrink:0;font-size:11px}.subject-choice.selected .choice-check{background:var(--purple);border-color:var(--purple);color:#fff}.setup-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.danger-button,.primary-button,.secondary-button{border-radius:10px;padding:11px 16px;font-size:12px;font-weight:700;cursor:pointer}.primary-button{width:-moz-fit-content;width:fit-content;border:0;background:var(--purple);color:#fff}.primary-button:hover{opacity:.9}.primary-button:disabled{cursor:not-allowed;opacity:.45}.primary-button.small{padding:9px 13px}.secondary-button{border:1px solid var(--border);background:var(--card);color:var(--text)}.secondary-button:hover{background:var(--hover)}.app-shell{min-height:100vh;display:flex;background:var(--background)}.sidebar{width:240px;background:var(--card);border-right:1px solid var(--border);padding:28px 16px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:800;margin-bottom:48px}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--purple);color:#fff;display:grid;place-items:center;font-weight:800}nav{display:flex;flex-direction:column;gap:5px}.nav-item{width:100%;border:0;background:transparent;color:var(--muted);padding:12px;border-radius:10px;display:flex;align-items:center;gap:12px;text-align:left;font-size:14px;cursor:pointer;transition:background .2s,color .2s}.nav-item:hover{background:var(--hover);color:var(--text)}.nav-item.active{background:var(--purple-light);color:var(--purple);font-weight:600}.nav-icon{width:22px;text-align:center;font-size:17px}.sidebar-bottom{margin-top:auto}.theme-box{margin-bottom:16px}.theme-title{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:1px;margin:0 10px 8px;text-transform:uppercase}.theme-switcher{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.theme-option{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:8px;padding:7px 3px;cursor:pointer;font-size:9px;display:flex;flex-direction:column;align-items:center;gap:3px}.theme-option:hover{background:var(--hover);color:var(--text)}.theme-option.active{background:var(--purple-light);color:var(--purple);border-color:var(--border);font-weight:700}.profile-mini{border-top:1px solid var(--border);padding:20px 10px 0;display:flex;align-items:center;gap:10px}.profile-button{width:100%;border-left:0;border-right:0;border-bottom:0;background:transparent;text-align:left;cursor:pointer}.avatar{width:34px;height:34px;border-radius:50%;background:#dedaff;color:#5d50d9;display:grid;place-items:center;font-weight:700}.avatar.large{width:40px;height:40px}.profile-mini small,.profile-mini strong{display:block}.profile-mini strong{font-size:13px}.profile-mini small{font-size:11px;color:var(--muted);margin-top:2px}.content{margin-left:240px;width:calc(100% - 240px);max-width:1500px;padding:38px 48px 60px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow,.section-label{color:#9999a7;font-size:10px;font-weight:700;letter-spacing:1.2px}h1,h2,h3{font-family:Plus Jakarta Sans,sans-serif}h1{font-size:30px;margin-top:5px}.subtitle{color:var(--muted);font-size:14px;margin-top:4px}.top-actions{display:flex;align-items:center;gap:12px}.icon-button{border:1px solid var(--border);background:var(--card);width:40px;height:40px;border-radius:10px;cursor:pointer;color:var(--muted)}.icon-button:hover{background:var(--hover)}.countdown{background:linear-gradient(105deg,#6555ed,#8376ff);color:#fff;border-radius:18px;padding:25px 30px;display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;box-shadow:0 10px 30px rgba(109,93,252,.18)}.countdown-label{font-size:10px;font-weight:700;letter-spacing:1.2px;opacity:.75}.countdown h2{font-size:27px;margin:5px 0 4px}.countdown p{font-size:13px;opacity:.75}.countdown-date{text-align:right}.countdown-date span,.countdown-date strong{display:block}.countdown-date span{font-size:9px;opacity:.65;letter-spacing:1px}.countdown-date strong{margin-top:5px;font-size:13px}.dashboard-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:22px;margin-bottom:22px}.card{background:var(--card);border:1px solid var(--border);border-radius:17px;padding:24px;box-shadow:0 3px 15px rgba(20,20,50,.025)}.card-header{display:flex;justify-content:space-between;align-items:flex-start}.card h3{font-size:18px;margin-top:5px}.progress-pill{background:var(--purple-light);color:var(--purple);font-size:11px;font-weight:700;padding:7px 10px;border-radius:20px}.daily-progress{height:5px;background:var(--ring-bg);border-radius:5px;overflow:hidden;margin:20px 0 8px}.daily-progress div{height:100%;background:var(--purple);border-radius:inherit;transition:width .3s ease}.large-task-list,.task-list{display:flex;flex-direction:column}.task{border:0;border-bottom:1px solid var(--border);background:transparent;padding:14px 2px;display:flex;align-items:center;text-align:left;gap:12px;cursor:pointer;width:100%}.task:hover{background:var(--hover)}.task:last-child{border-bottom:0}.task-check{width:21px;height:21px;border:1.5px solid #d5d5df;border-radius:6px;flex-shrink:0;display:grid;place-items:center;color:#fff;font-size:12px}html.dark .task-check{border-color:#555563}.task-check.checked{border-color:var(--purple);background:var(--purple)}.task-info{flex:1}.task-info span,.task-info strong{display:block}.task-info strong{font-size:13px}.task-info span{color:var(--muted);font-size:11px;margin-top:2px}.task.done .task-info span,.task.done .task-info strong{text-decoration:line-through;opacity:.5}.task-time{font-size:11px;color:var(--muted)}.text-button{border:0;background:none;color:var(--purple);font-weight:600;font-size:12px;margin-top:15px;cursor:pointer}.text-button:hover{text-decoration:underline}.empty-state{color:var(--muted);font-size:13px;padding:20px 0}.progress-main{display:flex;align-items:center;gap:24px;margin:24px 0}.progress-ring{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.progress-ring>div{width:86px;height:86px;background:var(--card);border-radius:50%;display:grid;place-items:center;align-content:center}.progress-ring strong{font-size:23px;font-family:Plus Jakarta Sans,sans-serif}.progress-ring span{color:var(--muted);font-size:9px}.progress-summary strong{font-size:13px}.progress-summary p{color:var(--muted);font-size:11px;line-height:1.5;margin:5px 0}.trend{color:#39a875;font-size:10px;font-weight:700}.subject-progress{display:flex;flex-direction:column;gap:12px}.subject-row>div:first-child{display:flex;justify-content:space-between;font-size:11px;margin-bottom:5px}.subject-row strong{color:var(--muted)}.bar{height:5px;background:var(--ring-bg);border-radius:5px;overflow:hidden}.bar-fill{height:100%;border-radius:inherit}.bar-fill.purple{background:#7567fa}.bar-fill.blue{background:#5c9df8}.bar-fill.green{background:#4dbb91}.bar-fill.orange{background:#f2a85b}.week-card{margin-bottom:22px}.outline-button{border:1px solid var(--border);background:var(--card);padding:8px 12px;border-radius:8px;color:var(--muted);font-size:11px;cursor:pointer}.outline-button:hover{background:var(--hover)}.week-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:20px}.day{border:1px solid var(--border);background:var(--card);border-radius:11px;padding:13px 5px;text-align:center;cursor:pointer;color:var(--text);transition:.2s}.day:hover{background:var(--hover)}.day small,.day span,.day strong{display:block}.day span{color:var(--muted);font-size:9px;font-weight:700}.day strong{font-family:Plus Jakarta Sans,sans-serif;font-size:18px;margin:6px 0}.day small{color:var(--muted);font-size:9px}.day.selected{background:var(--purple);color:#fff;border-color:var(--purple);box-shadow:0 7px 16px rgba(109,93,252,.2)}.day.selected small,.day.selected span{color:hsla(0,0%,100%,.65)}.bottom-grid{display:grid;grid-template-columns:2fr 1fr;gap:22px}.focus-content{display:flex;align-items:center;gap:14px;margin-top:18px}.focus-icon{width:42px;height:42px;border-radius:11px;background:var(--purple-light);color:var(--purple);display:grid;place-items:center;font-weight:800}.focus-content strong{font-size:13px}.focus-content p{color:var(--muted);font-size:11px;margin-top:4px}.arrow-button{margin-left:auto;width:34px;height:34px;border:0;border-radius:9px;background:var(--hover);cursor:pointer}.arrow-button:hover{background:var(--purple-light);color:var(--purple)}.streak-card{background:#171725;color:#fff;border-color:#171725}.streak-card .section-label{color:#888895}.streak-number{font-family:Plus Jakarta Sans,sans-serif;font-size:38px;font-weight:800;margin-top:12px}.streak-number span{font-size:13px;font-weight:500;color:#858594}.streak-card p{color:#858594;font-size:11px;margin-top:4px}.page-card{min-height:500px}.page-card h2{font-size:26px;margin-top:6px}.page-description{color:var(--muted);font-size:13px;line-height:1.6;margin-top:5px;margin-bottom:26px}.large-task-list{margin-top:10px}.subject-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:22px}.subject-card{border:1px solid var(--border);border-radius:13px;padding:17px;background:var(--card)}.subject-card span,.subject-card strong{display:block}.subject-card strong{font-size:13px}.subject-card span{color:var(--muted);font-size:11px;margin:4px 0 12px}.schedule-days{margin-bottom:22px}.schedule-message{border:1px solid var(--border);background:var(--hover);border-radius:12px;padding:18px}.schedule-message strong{font-family:Plus Jakarta Sans,sans-serif;font-size:14px}.schedule-message p{color:var(--muted);font-size:12px;margin-top:5px}.big-progress{border:1px solid var(--border);background:var(--purple-light);border-radius:15px;padding:25px;margin-bottom:28px}.big-progress span,.big-progress strong{display:block}.big-progress strong{color:var(--purple);font-family:Plus Jakarta Sans,sans-serif;font-size:40px}.big-progress span{color:var(--muted);font-size:12px;margin-top:3px}.settings-page-card{max-width:1000px}.settings-section{border-top:1px solid var(--border);padding:23px 0;display:flex;justify-content:space-between;align-items:center;gap:25px}.settings-section:first-of-type{margin-top:5px}.settings-section h3{font-size:14px}.settings-section p{color:var(--muted);font-size:11px;line-height:1.5;margin-top:5px;max-width:560px}.settings-theme-buttons{display:flex;gap:7px;flex-shrink:0}.settings-theme{border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:9px;padding:9px 12px;font-size:11px;cursor:pointer}.settings-theme:hover{background:var(--hover);color:var(--text)}.settings-theme.active{background:var(--purple-light);border-color:var(--purple);color:var(--purple);font-weight:700}.danger-section{border-bottom:0}.danger-button{border:1px solid #d96a6a;background:transparent;color:#c95050}.danger-button:hover{background:rgba(210,70,70,.08)}@media (max-width:1000px){.sidebar{width:190px}.content{margin-left:190px;width:calc(100% - 190px);padding:28px}.bottom-grid,.dashboard-grid{grid-template-columns:1fr}}@media (max-width:700px){.sidebar{display:none}.content{margin-left:0;width:100%;padding:20px}.topbar{align-items:flex-start}.top-actions{display:none}.countdown{align-items:flex-start;gap:20px}.countdown-date{display:none}.week-days{overflow-x:auto;grid-template-columns:repeat(7,minmax(75px,1fr))}.subject-grid,.subject-selector{grid-template-columns:1fr}.settings-section{align-items:flex-start;flex-direction:column}.settings-theme-buttons{width:100%}.settings-theme{flex:1}.setup-screen{padding:25px 15px 50px}.setup-card{padding:22px}.setup-card h1{font-size:25px}.setup-actions{flex-direction:column-reverse}.setup-actions button{width:100%}}