:root{font-family:Inter,ui-sans-serif,system-ui,"Segoe UI",Arial,sans-serif;color-scheme:dark;--bg:#0d1019;--side:#111624;--panel:#171e30;--card:#1b2335;--border:#2b354a;--text:#f3f6ff;--muted:#a2afc5;--accent:#a6b7ff;--blue:#8d9fff;--teal:#6fd8c5;--red:#ff8d9d;--amber:#f3cc85}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 55% 30% at 78% 0%,#1c2540 0%,transparent 82%),var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}input,textarea,select{color:var(--text);background:#131a2a;border:1px solid #35415a;border-radius:11px;padding:12px;outline:none;width:100%;max-width:100%;min-width:0}input:focus,textarea:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}select{appearance:none;padding-right:37px;background-image:linear-gradient(45deg,transparent 50%,#b7c6e4 50%),linear-gradient(135deg,#b7c6e4 50%,transparent 50%);background-position:calc(100% - 20px) 52%,calc(100% - 15px) 52%;background-size:5px 5px;background-repeat:no-repeat}input[type=datetime-local]{min-width:0;max-width:100%;overflow:hidden;color-scheme:dark}input[type=datetime-local]::-webkit-datetime-edit{min-width:0}textarea{resize:vertical;min-height:140px;line-height:1.55}.layout{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid var(--border);background:#101523ed;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:27px 17px;min-width:0}.brand{display:flex;gap:13px;align-items:center}.brand strong{display:block;letter-spacing:.085em;font-size:13px}.brand small{display:block;color:var(--muted);margin-top:5px;font-size:11px}.logo{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(140deg,#a9b9ff,#ad89ed);color:#1d2037;font-size:24px;flex:none}.nav-heading{color:#7886a1;letter-spacing:.14em;font-weight:800;font-size:10px;margin:42px 13px 13px}#moduleNav{display:grid;gap:6px}.nav-button{width:100%;text-align:left;display:flex;gap:13px;align-items:center;border:1px solid transparent;background:transparent;color:#b9c4d9;border-radius:12px;padding:13px;font-size:14px}.nav-button span:first-child{min-width:20px;font-size:18px}.nav-button.active{color:white;background:#293451;border-color:#40517a}.nav-button:hover{background:#222c43}.side-bottom{margin-top:auto;padding-top:18px;border-top:1px solid var(--border)}.connection{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--muted);padding:9px 12px}.dot{width:8px;height:8px;border-radius:50%;background:#768197;flex:none}.dot.online{background:var(--teal)}.content{padding:38px clamp(16px,4vw,58px) 75px;min-width:0;max-width:1500px;width:100%;margin:0 auto}.eyebrow{font-size:11px;letter-spacing:.17em;color:var(--accent);font-weight:800}.workspace-header{margin-bottom:30px}.header-line{display:flex;justify-content:space-between;gap:20px;align-items:center}.header-line>*{min-width:0}h1{font-size:clamp(30px,4.3vw,50px);letter-spacing:-.05em;margin:8px 0 5px;line-height:1.1}h2{font-size:22px;letter-spacing:-.035em;margin:6px 0 15px}h3{margin:0 0 16px;font-size:17px}p{line-height:1.5}.header-line p{margin:0;color:var(--muted)}.primary,.secondary,.danger,.icon-btn{border:1px solid transparent;border-radius:11px;padding:11px 16px;min-height:42px}.primary{background:linear-gradient(135deg,#afc0ff,#a58bfb);color:#191d32;font-weight:800}.secondary{background:#253049;color:#f6f8ff;border-color:#3b4866}.danger{background:#462a3c;color:#ffd5dd;border-color:#754356}.icon-btn{width:42px;padding:0;background:#293349;color:white;font-size:21px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.toolbar>*{width:auto}.toolbar input{flex:1 1 180px}.toolbar select{min-width:150px;max-width:200px}.tile{border:1px solid var(--border);background:linear-gradient(135deg,#1c2641,#171e30);border-radius:20px;padding:23px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 26px}.stat-label{font-size:12px;color:var(--muted)}.stat-number{font-size:28px;font-weight:800;margin-top:5px}.hero{display:flex;justify-content:space-between;align-items:center;gap:15px;background:linear-gradient(120deg,#263457,#1b2440 75%,#1c2c40);border-color:#36477b}.hero-title{font-size:clamp(18px,2.3vw,28px);font-weight:800;margin-top:7px;overflow-wrap:anywhere}.muted{color:var(--muted)}.task-list{display:grid;gap:10px}.task-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px;background:var(--panel);border:1px solid var(--border);border-radius:15px}.task-row.late{border-left:3px solid var(--red)}.task-row.done{opacity:.65}.task-row.done .task-title{text-decoration:line-through}.task-name{min-width:0}.task-title{font-weight:740;overflow-wrap:anywhere}.task-meta{font-size:12px;color:var(--muted);margin-top:6px;display:flex;gap:9px;flex-wrap:wrap}.late .task-date{color:var(--red)}.pill{font-size:11px;display:inline-block;padding:3px 9px;background:#303b53;border-radius:999px;color:#c5d0e6}.pill.high{background:#463a2b;color:var(--amber)}.pill.urgent{background:#492a3d;color:#ffc2ce}.task-check{width:28px;height:28px;border-radius:50%;border:2px solid #8898b8;background:transparent;color:#131b25;font-weight:800;display:grid;place-items:center}.done .task-check{background:var(--teal);border-color:var(--teal)}.row-actions{display:flex;gap:6px;align-items:center}.row-actions button{padding:7px 10px;min-height:34px;font-size:12px}.empty{border:1px dashed #42516d;padding:42px 16px;border-radius:16px;text-align:center;color:var(--muted)}.panel{padding:24px;background:var(--panel);border:1px solid var(--border);border-radius:17px;margin-bottom:18px}label{display:block;margin-bottom:15px;color:#cdd6e7;font-size:13px;font-weight:650}label input,label select,label textarea{display:block;margin-top:7px;font-size:14px;font-weight:400}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 13px}.form-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end;margin-top:10px}.subtle{font-size:12px;color:var(--muted)}.note-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:14px}.note-card{border:1px solid var(--border);background:#1a2336;border-radius:17px;padding:20px;display:flex;flex-direction:column;gap:10px;min-height:180px}.note-card h3{margin:0;font-size:19px;overflow-wrap:anywhere}.note-card .preview{font-size:13px;line-height:1.6;color:#b9c6df;white-space:pre-wrap;overflow-wrap:anywhere;flex:1;max-height:110px;overflow:hidden}.note-card .note-foot{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.note-badges{display:flex;gap:5px;flex-wrap:wrap}.section-filter{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 17px}.chip{background:transparent;border:1px solid #405070;border-radius:999px;color:#c2cde3;padding:8px 13px;font-size:12px}.chip.active{background:#334367;color:white}.note-editor{margin-bottom:24px}.note-editor h2{margin-bottom:20px}.checkbox-label{display:flex;gap:8px;align-items:center}.checkbox-label input{width:auto;margin:0}.loading{padding:30px 0;color:var(--muted)}dialog{border:0;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);width:min(560px,calc(100vw - 24px));padding:0;border-radius:20px;background:#182034;color:var(--text);box-shadow:0 30px 90px #0009;overflow:auto}dialog::backdrop{background:#030610ae}.modal{padding:25px;min-width:0}.modal-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.modal-actions{display:flex;justify-content:space-between;gap:10px}.status{min-height:20px;color:var(--teal)}.warning{font-size:11px;color:var(--amber);margin-top:20px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#293654;color:white;padding:11px 17px;border-radius:12px;box-shadow:0 14px 40px #0008;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:960px){.layout{grid-template-columns:75px minmax(0,1fr)}.sidebar{padding:19px 10px}.brand{justify-content:center}.brand>div:last-child,.nav-heading,.nav-button .nav-text,.connection{display:none}.nav-button{justify-content:center}.side-bottom{border:0}.content{padding:30px 25px 50px}}
@media(max-width:650px){.layout{display:block}.sidebar{position:static;width:100%;height:auto;flex-direction:row;align-items:center;padding:9px;border-right:0;border-bottom:1px solid var(--border);gap:8px}.brand{justify-content:flex-start}.logo{width:34px;height:34px;font-size:19px}.sidebar nav{display:flex;flex:1;justify-content:center;gap:3px}.nav-button{padding:9px}.side-bottom{padding:0;margin:0;border:0}.content{padding:23px 13px 45px}.header-line{flex-direction:column;align-items:stretch}.header-line #pageActions{align-self:flex-start}.stats{gap:7px}.stat-number{font-size:23px}.tile{padding:17px}.form-grid{grid-template-columns:1fr}.toolbar select{max-width:100%;flex:1}.task-row{grid-template-columns:32px minmax(0,1fr);gap:8px}.task-row .row-actions{grid-column:2;justify-content:flex-end}.note-grid{grid-template-columns:1fr}.modal{padding:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}