:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172039;background:#f6f7fb;font-synthesis:none;--bg:#f6f7fb;--surface:#fff;--surface-muted:#f9fafc;--text:#172039;--muted:#7c8598;--line:#e8ebf1;--primary:#675cf6;--primary-hover:#5549e7;--primary-soft:#eeecff;--shadow:0 10px 32px rgba(26,37,65,.035);--sidebar:#151b2f;--accent:#ffb868}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a4a0ff;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}
.app-shell{min-height:100vh;display:flex}.sidebar{width:264px;flex:0 0 264px;background:var(--sidebar);color:#c4cbdf;min-height:100vh;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:20}.brand-wrap{height:100px;display:flex;align-items:center;padding:0 29px}.brand{display:flex;align-items:center;gap:12px;color:white}.brand-mark{background:#786aff;width:40px;height:40px;border-radius:13px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 24px #776aff35;transform:rotate(-5deg)}.brand-s{font-size:31px;line-height:1;font-weight:800;transform:rotate(5deg) translateY(-2px);letter-spacing:-4px;margin-left:-3px}.brand-dot{width:5px;height:5px;border-radius:50%;background:#ffc379;position:absolute;right:8px;bottom:9px}.brand-name{font-size:27px;font-weight:800;letter-spacing:-1.6px;color:white}.brand-period{color:#9b8aff}.sidebar-inner{padding:14px 16px}.nav-group-label{font-weight:700;font-size:10px;letter-spacing:1.65px;color:#737d99;margin:17px 18px 18px}.secondary-label{margin-top:33px}.nav-list{display:flex;flex-direction:column;gap:5px}.nav-link{min-height:47px;display:flex;align-items:center;gap:13px;padding:10px 14px;border-radius:11px;font-weight:580;font-size:13.5px;color:#9ea8c2;transition:background .17s,color .17s}.nav-link .icon{width:19px;height:19px}.nav-link:hover{background:#242c46;color:white}.nav-link.active{color:white;background:#363456}.nav-link.active .icon{color:#b9b0ff}.nav-soon{margin-left:auto;border-radius:6px;background:#282f48;padding:4px 6px;font-size:10px;color:#9099b5}.sidebar-bottom{margin-top:auto;padding:16px}.sidebar-message{border:1px solid #353c55;border-radius:15px;background:linear-gradient(135deg,#2d3159,#262c45);padding:20px 19px 16px}.spark-circle{background:#5851b7;color:#dedbff;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;margin-bottom:14px}.sidebar-message strong{font-size:14px;line-height:1.48;color:#f3f2ff}.sidebar-message p{color:#a8b0cb;line-height:1.55;font-size:11.5px;margin:9px 0 0}.sidebar-meta{display:flex;align-items:center;gap:7px;font-size:9.5px;color:#8992ad;padding:20px 6px 5px;white-space:nowrap}.status-dot{display:inline-block;border-radius:50%;width:7px;height:7px;background:#38c88e;flex-shrink:0}.version{margin-left:auto;color:#68718b}.main-area{display:flex;flex:1;min-width:0;flex-direction:column}.topbar{height:84px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 40px;gap:16px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:15px;min-width:0}.topbar-left{font-size:13px}.topbar-section{font-weight:650;white-space:nowrap}.topbar-separator{color:#c4cad5}.topbar-current{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{gap:16px}.connection-indicator{font-size:12px;color:var(--muted);display:inline-flex;gap:8px;align-items:center;white-space:nowrap}.connection-indicator.offline .status-dot{background:#f0ad4e}.icon-button{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;color:var(--muted)}.icon-button:hover{background:var(--surface-muted);color:var(--text)}.button{min-height:43px;display:inline-flex;gap:8px;align-items:center;justify-content:center;border-radius:10px;padding:10px 17px;border:1px solid transparent;font-size:13px;font-weight:700;line-height:1.2;transition:transform .15s,background .15s}.button:active{transform:scale(.985)}.button .icon{width:17px;height:17px}.button-primary{color:white;background:var(--primary);box-shadow:0 7px 17px rgba(103,92,246,.18)}.button-primary:hover{background:var(--primary-hover)}.button-outline{background:var(--surface);color:var(--text);border-color:var(--line)}.button-outline:hover{background:var(--surface-muted)}.button-ghost{background:transparent;color:var(--primary);padding:9px 12px}.button-ghost:hover{background:var(--primary-soft)}.menu-button,.sidebar-close{display:none}.page-content{width:100%;max-width:1460px;margin:0 auto;padding:39px 42px 50px;flex:1;min-width:0}.main-footer{color:#a0a8b7;font-size:11px;display:flex;justify-content:space-between;gap:12px;padding:16px 42px 27px;max-width:1460px;width:100%;margin:auto auto 0}.eyebrow{color:var(--primary);letter-spacing:1.65px;font-size:10px;font-weight:800;text-transform:uppercase}.page-title{font-size:29px;margin:7px 0 7px;letter-spacing:-1.15px;font-weight:800;color:var(--text)}.page-subtitle{color:var(--muted);font-size:13.5px;margin:0;line-height:1.65}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 28px}.hero{position:relative;min-height:232px;padding:32px 36px;color:white;overflow:hidden;border-radius:22px;background:linear-gradient(113deg,#6b5ef5 0%,#8776fc 56%,#a393ff 100%);display:flex;align-items:center;box-shadow:0 14px 33px rgba(94,75,229,.16)}.hero-content{position:relative;z-index:1;max-width:550px}.hero-eyebrow{font-size:10px;letter-spacing:1.8px;color:#e3ddff;font-weight:800;text-transform:uppercase}.hero h1{font-size:clamp(25px,3vw,38px);letter-spacing:-1.4px;line-height:1.13;margin:11px 0 12px}.hero p{color:#efedff;line-height:1.6;font-size:13.5px;max-width:420px;margin:0 0 21px}.hero .button{background:white;color:#5e50de;box-shadow:none}.hero .button:hover{background:#f7f5ff}.hero-orbit{position:absolute;border:1px solid #ffffff39;border-radius:50%;width:350px;height:350px;right:-36px;top:-85px}.hero-orbit:before{content:"";position:absolute;border:1px solid #ffffff40;border-radius:50%;inset:45px}.hero-orbit:after{content:"✦";position:absolute;right:128px;top:136px;font-size:100px;font-weight:300;color:#e8e1ffb8}.hero-small-star{position:absolute;right:100px;bottom:20px;font-size:45px;color:#ffffff60}.section-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:32px 0 18px}.section-row h2{font-size:17px;letter-spacing:-.4px;margin:0}.section-row p{font-size:12px;color:var(--muted);margin:6px 0 0}.section-link{color:var(--primary);font-size:12px;font-weight:750;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.section-link .icon{width:14px;height:14px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:24px}.stat-card{border:1px solid var(--line);box-shadow:var(--shadow);background:var(--surface);border-radius:15px;padding:20px;min-height:137px}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.stat-label{font-size:12px;color:var(--muted);font-weight:650}.stat-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#f0edff;color:#6d5eed}.stat-icon.orange{background:#fff3e4;color:#e9a64b}.stat-icon.green{background:#eaf8f2;color:#2aaa7b}.stat-icon.red{background:#fff0f1;color:#ed6477}.stat-value{font-size:31px;line-height:1.1;letter-spacing:-1px;font-weight:800;margin:17px 0 4px}.stat-caption{font-size:11px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:20px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);overflow:hidden}.panel-head{padding:21px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px}.panel-head h2{font-size:15px;letter-spacing:-.3px;margin:0}.panel-head p{font-size:11.5px;color:var(--muted);margin:6px 0 0}.task-row{display:flex;align-items:flex-start;gap:12px;padding:16px 23px;border-bottom:1px solid var(--line);transition:background .15s}.task-row:last-child{border-bottom:0}.task-row:hover{background:var(--surface-muted)}.task-check{width:23px;height:23px;flex-shrink:0;border:1.8px solid #cbd1df;border-radius:7px;background:var(--surface);display:flex;align-items:center;justify-content:center;color:white;margin-top:2px}.task-check:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.task-check.complete{background:#2ab47a;border-color:#2ab47a;color:white;cursor:default}.task-check .icon{width:15px;height:15px}.task-body{min-width:0;flex:1}.task-title{font-weight:730;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.task-title.completed{text-decoration:line-through;color:var(--muted)}.task-description{font-size:11.5px;color:var(--muted);margin:5px 0;line-height:1.55;overflow-wrap:anywhere}.task-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;color:var(--muted);font-size:10.5px}.task-meta .icon{width:13px;height:13px}.meta-date{display:inline-flex;align-items:center;gap:4px}.badge{display:inline-flex;align-items:center;gap:4px;line-height:1.2;padding:5px 8px;border-radius:6px;font-size:10px;font-weight:750;white-space:nowrap}.badge-normal{background:#eef1fb;color:#6e7e9d}.badge-important{background:#fff0e6;color:#cb8748}.badge-easy{background:#e8f7ee;color:#36a171}.badge-late{background:#ffedf0;color:#df556b}.badge-done{background:#e8f7ee;color:#2c9d6d}.task-actions{display:flex;align-items:center;gap:3px}.task-actions .icon-button{width:29px;height:29px;border-radius:8px}.task-actions .icon{width:16px;height:16px}.progress-body{padding:25px 24px}.ring-wrap{display:flex;align-items:center;justify-content:center;padding:8px 0 20px}.progress-ring{--pct:0%;width:157px;height:157px;border-radius:50%;background:conic-gradient(var(--primary) var(--pct),var(--line) var(--pct));display:flex;align-items:center;justify-content:center}.ring-inner{height:124px;width:124px;border-radius:50%;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-inner strong{font-size:28px;letter-spacing:-1px}.ring-inner small{font-size:11px;color:var(--muted);margin-top:4px}.progress-list{display:flex;flex-direction:column;gap:16px}.progress-line{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.progress-line strong{color:var(--text)}.mini-dot{width:8px;height:8px;display:inline-block;margin-right:6px;border-radius:50%;background:var(--primary)}.mini-dot.green{background:#34bb8a}.mini-dot.orange{background:#ffb86f}.notice-box{display:flex;align-items:flex-start;gap:12px;background:#f2f0ff;border:1px solid #e6e1ff;color:#6358bf;border-radius:12px;padding:15px 16px;margin-top:22px}.notice-box .icon{width:17px;height:17px;margin-top:1px}.notice-box strong{display:block;font-size:12px}.notice-box p{font-size:11px;line-height:1.55;margin:4px 0 0;color:#7670a9}.empty{padding:43px 22px;text-align:center}.empty-icon{margin:0 auto 15px;width:60px;height:60px;border-radius:18px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center}.empty-icon .icon{width:29px;height:29px}.empty h3{margin:0 0 8px;font-size:16px}.empty p{margin:0 auto 19px;max-width:330px;font-size:12px;color:var(--muted);line-height:1.7}.empty .button{min-height:40px}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:19px;flex-wrap:wrap}.search-wrap{position:relative;flex:1;max-width:410px;min-width:200px}.search-wrap .icon{position:absolute;left:13px;top:12px;width:17px;height:17px;color:var(--muted)}.search-input{height:44px;padding:0 12px 0 39px;border:1px solid var(--line);background:var(--surface);border-radius:10px;width:100%;color:var(--text);outline:none;font-size:12px}.filter-control{min-height:44px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:0 12px;font-size:12px}.task-list{min-height:100px}.task-list .task-row{padding:20px 24px}.info-page{margin:auto;max-width:640px;text-align:center;padding:64px 26px}.info-page .empty-icon{width:73px;height:73px;border-radius:20px}.info-page h2{font-size:27px;letter-spacing:-.8px;margin:14px 0}.info-page p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 auto 24px;max-width:450px}.planned-card{border:1px dashed #d6d1fd;border-radius:13px;padding:16px;background:var(--primary-soft);margin:26px auto;max-width:415px;text-align:left}.planned-card strong{display:block;font-size:12px;color:#6358bc}.planned-card span{display:block;font-size:11px;color:#817aa9;line-height:1.6;margin-top:5px}.history-entry{display:flex;gap:14px;border-bottom:1px solid var(--line);padding:16px 22px}.history-entry:last-child{border-bottom:0}.history-icon{background:var(--primary-soft);color:var(--primary);width:32px;height:32px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center}.history-icon .icon{width:17px;height:17px}.history-entry strong{font-size:12px}.history-entry p{color:var(--muted);font-size:11.5px;margin:5px 0;overflow-wrap:anywhere}.history-entry time{color:var(--muted);font-size:10px}.trash-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:17px 20px}.trash-row:last-child{border:0}.trash-row strong{font-size:13px}.trash-row small{font-size:11px;color:var(--muted);display:block;margin-top:5px}.settings-panel{padding:23px}.settings-panel h3{margin:0 0 7px;font-size:14px}.settings-panel p{color:var(--muted);font-size:12px;line-height:1.7}.setting-row{display:flex;gap:15px;align-items:center;justify-content:space-between}.muted{color:var(--muted)}.loading-state{padding:70px 0;color:var(--muted);text-align:center}
.task-dialog{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:18px;box-shadow:0 25px 90px #0c112b50;padding:0;width:min(560px,calc(100vw - 30px));max-height:min(92dvh,850px);overflow:auto}.task-dialog::backdrop{background:#15192d9b;backdrop-filter:blur(4px)}.task-dialog form{padding:27px 30px}.dialog-heading{display:flex;justify-content:space-between;gap:8px;align-items:start;margin-bottom:24px}.dialog-heading h2{font-size:25px;letter-spacing:-.8px;margin:7px 0}.dialog-heading p{font-size:12px;color:var(--muted);margin:0}.form-group{display:flex;flex-direction:column;gap:9px;margin-bottom:20px;min-width:0}.form-group label{font-size:12px;font-weight:750}.form-group label>span:not(.optional){color:#ea6774}.optional{color:var(--muted);font-weight:450}.form-group input,.form-group select,.form-group textarea{border:1px solid #dfe3ed;color:var(--text);background:var(--surface);border-radius:10px;padding:11px 12px;font-size:12.5px;min-height:43px;width:100%;outline:none}.form-group textarea{resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#9990fb;box-shadow:0 0 0 3px #786aff18}.field-hint{color:var(--muted);font-size:10.5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-message{border-radius:9px;background:#fff0f1;color:#b8394f;font-size:12px;padding:12px;margin-bottom:14px}.form-notice{display:flex;align-items:flex-start;gap:8px;background:var(--surface-muted);border-radius:10px;color:var(--muted);font-size:11px;line-height:1.6;padding:12px;margin:0 0 18px}.form-notice .icon{width:17px;height:17px;margin-top:1px}.dialog-footer{border-top:1px solid var(--line);padding-top:19px;display:flex;justify-content:flex-end;gap:9px}.toast-region{position:fixed;right:22px;bottom:22px;z-index:100;display:flex;flex-direction:column;gap:9px;pointer-events:none}.toast{max-width:340px;min-width:220px;background:#172039;color:white;padding:14px 17px;box-shadow:0 14px 36px #070d2654;border-radius:11px;font-size:12px;line-height:1.5;animation:toast-enter .2s ease}.toast.error{background:#aa3851}@keyframes toast-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[hidden]{display:none!important}
:root[data-theme="dark"]{--bg:#111623;--surface:#1b2333;--surface-muted:#222b3c;--text:#e9ebf7;--muted:#9da8bd;--line:#30394a;--primary-soft:#323050;--shadow:none;background:var(--bg);color:var(--text)}:root[data-theme="dark"] .topbar,:root[data-theme="dark"] .task-dialog{background:var(--surface)}:root[data-theme="dark"] .notice-box{background:#2a2850;border-color:#3d386f;color:#cac4ff}:root[data-theme="dark"] .notice-box p{color:#aea7dc}:root[data-theme="dark"] .badge-normal{background:#303c54;color:#bcc9df}:root[data-theme="dark"] .badge-important{background:#45382d;color:#edb687}:root[data-theme="dark"] .badge-easy,:root[data-theme="dark"] .badge-done{background:#21473e;color:#81d6b1}:root[data-theme="dark"] .badge-late{background:#452932;color:#f29baa}:root[data-theme="dark"] .stat-icon{background:#35305c}:root[data-theme="dark"] .stat-icon.orange{background:#423426}:root[data-theme="dark"] .stat-icon.green{background:#25493d}:root[data-theme="dark"] .stat-icon.red{background:#452a37}:root[data-theme="dark"] .planned-card{background:#2c2953;border-color:#585087}:root[data-theme="dark"] .planned-card span{color:#ada6d4}:root[data-theme="dark"] .planned-card strong{color:#d4ceff}:root[data-theme="dark"] .form-group input,:root[data-theme="dark"] .form-group textarea,:root[data-theme="dark"] .form-group select{border-color:var(--line)}
@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-content{padding:32px 28px 40px}.topbar{padding:0 28px}.main-footer{padding:15px 28px 25px}.dashboard-grid{grid-template-columns:1fr 310px}.hero-orbit{right:-125px}}@media(max-width:950px){.sidebar{position:fixed;left:0;top:0;transform:translateX(-105%);transition:transform .2s ease;box-shadow:18px 0 70px #05091240}.sidebar.open{transform:translateX(0)}.nav-backdrop:not([hidden]){position:fixed;inset:0;z-index:19;background:#141a306c;display:block}.menu-button,.sidebar-close{display:inline-flex}.sidebar-close{margin-left:auto;color:#e3e4ef}.dashboard-grid{grid-template-columns:1.3fr 1fr}}@media(max-width:680px){.topbar{height:69px;padding:0 16px}.topbar-section{display:none}.topbar-separator{display:none}.topbar-right{gap:5px}.connection-indicator{display:none}.button-top{padding:10px 12px;min-height:39px}.button-top span{display:none}.page-content{padding:23px 15px 34px}.main-footer{padding:16px 15px 24px;font-size:10px;flex-wrap:wrap}.page-title{font-size:26px}.page-heading{align-items:start}.hero{min-height:236px;padding:28px 25px}.hero-orbit{right:-235px}.hero h1{font-size:28px}.stats-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:15px;min-height:119px}.stat-icon{width:31px;height:31px}.stat-value{font-size:27px;margin-top:13px}.stat-label{font-size:11px}.dashboard-grid{grid-template-columns:1fr}.section-row{margin-top:25px}.task-row{padding:16px 14px}.panel-head{padding:17px 15px}.task-actions{flex-direction:column}.progress-ring{height:145px;width:145px}.ring-inner{height:115px;width:115px}.form-grid{grid-template-columns:1fr;gap:0}.task-dialog form{padding:22px 17px}.dialog-footer{flex-wrap:wrap}.dialog-footer .button{flex:1}.toolbar{align-items:stretch}.search-wrap{max-width:none;width:100%;flex:1 1 100%}.filter-control{flex:1}.trash-row{flex-wrap:wrap}.trash-row .button{width:100%}}