@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@600;700&display=swap");:root{--ink:#171714;--muted:#78766f;--paper:#f3f0e9;--surface:#fbfaf6;--line:#dfdcd3;--violet:#a99cf3;--violet-deep:#7667c9;--lime:#cce862;--coral:#fb8f75;--blue:#74b5df;--shadow:0 18px 60px rgba(41,38,30,0.1);--font-body:"Manrope",sans-serif;--font-display:"Unbounded",sans-serif;--ui-radius:16px;--font-scale:1;--field:#fff;--accent-contrast:#fff}*{box-sizing:border-box}body,html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{color:inherit}a,button,label,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(118,103,201,.22);outline-offset:2px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:258px;display:flex;flex-direction:column;padding:28px 18px 20px;color:#f7f5ed;background:#1b1b18;border-right:1px solid rgba(255,255,255,.06)}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 10px 38px}.login-brand,.login-mobile-logo,.mobile-brand,.sidebar-brand strong{font-family:var(--font-display);letter-spacing:-.03em}.sidebar-brand strong{display:block;font-size:16px}.sidebar-brand small{display:block;margin-top:2px;color:#898981;font-size:8px;font-weight:700;letter-spacing:.22em}.logo-mark{width:36px;height:36px;display:inline-flex;align-items:flex-end;justify-content:center;gap:3px;padding:8px;border-radius:11px;background:var(--lime);flex:none}.logo-mark span{width:4px;border-radius:4px;background:#171714;transform:skew(-12deg)}.logo-mark span:first-child{height:10px}.logo-mark span:nth-child(2){height:18px}.logo-mark span:nth-child(3){height:14px}.sidebar-close{display:none;margin-left:auto;color:#aaa;background:none;border:0}.sidebar-nav{display:grid;grid-gap:5px;gap:5px;overflow-y:auto;scrollbar-width:thin}.sidebar-nav p{margin:0;padding:18px 12px 7px;color:#76766f;font-size:9px;font-weight:800;letter-spacing:.14em}.logout-button,.sidebar-nav button{width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px;color:#a9a9a2;border:0;border-radius:11px;background:transparent;cursor:pointer;text-align:left;transition:.18s ease}.sidebar-nav button.active,.sidebar-nav button:hover{color:#fff;background:#2a2a26}.sidebar-nav button.active{box-shadow:inset 3px 0 var(--lime)}.sidebar-nav button span{flex:1 1;font-size:13px;font-weight:600}.sidebar-nav button em{min-width:23px;padding:3px 6px;color:#85857d;background:#22221f;border-radius:7px;font-size:10px;font-style:normal;text-align:center}.sidebar-nav button.active em{color:#141411;background:var(--lime)}.sidebar-nav button.manage-directions{margin-top:7px;color:#8e8e86;border:1px dashed #3b3b35}.sidebar-nav button.manage-directions:hover{color:#fff;border-color:#55554d;background:#262622}.sidebar-tip{margin-top:auto;padding:15px;border:1px solid #373732;border-radius:14px;background:linear-gradient(145deg,#292925,#20201d)}.sidebar-tip div{width:30px;height:30px;display:grid;place-items:center;margin-bottom:11px;color:#171714;background:var(--violet);border-radius:9px}.sidebar-tip strong{font-size:12px}.sidebar-tip p{margin:6px 0 0;color:#898981;font-size:10px;line-height:1.55}.logout-button{margin-top:10px;font-size:12px}.logout-button:hover{color:var(--coral);background:rgba(251,143,117,.08)}.main-content{min-height:100vh;margin-left:258px}.topbar{height:76px;justify-content:space-between;gap:22px;padding:0 42px;border-bottom:1px solid var(--line);background:rgba(243,240,233,.88);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:-webkit-sticky;position:sticky;top:0;z-index:20}.topbar,.topbar-search{display:flex;align-items:center}.topbar-search{width:min(440px,48vw);gap:10px;padding:10px 13px;color:#8a877f;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.45)}.topbar-search input{flex:1 1;min-width:0;border:0;outline:0;background:transparent;font-size:12px}.topbar-search kbd{padding:3px 6px;color:#9c9991;border:1px solid #d8d4ca;border-radius:6px;font-size:9px}.topbar-actions{gap:14px}.today-pill,.topbar-actions{display:flex;align-items:center}.today-pill{gap:7px;color:#69675f;font-size:11px;font-weight:600}.avatar{width:36px;height:36px;border:0;border-radius:50%;color:#fff;background:#252521;font-size:10px;font-weight:800;cursor:pointer}.mobile-brand,.mobile-menu-button{display:none!important}.content-wrap{width:min(1400px,100%);margin:0 auto;padding:44px 42px 70px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.eyebrow{margin:0 0 10px;color:var(--violet-deep);font-size:9px;font-weight:800;letter-spacing:.18em}.page-heading h1{margin:0;font-family:var(--font-display);font-size:clamp(calc(30px * var(--font-scale)),4vw,calc(48px * var(--font-scale)));line-height:1.08;letter-spacing:-.055em}.heading-dot{color:var(--coral)}.page-heading>div>p:last-child{margin:12px 0 0;color:var(--muted);font-size:12px}.login-button,.primary-button,.secondary-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border:0;border-radius:11px;color:var(--accent-contrast);background:var(--violet-deep);font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 8px 22px rgba(24,24,20,.13);transition:transform .18s,box-shadow .18s}.login-button:hover,.primary-button:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(24,24,20,.18)}.login-button:disabled,.primary-button:disabled{opacity:.6;cursor:default;transform:none}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:34px}.metric-card{min-height:155px;padding:18px;border:1px solid rgba(23,23,20,.08);border-radius:16px;background:var(--surface);overflow:hidden;position:relative}.metric-card.dark{color:#fff;background:#171714;border-color:#171714}.metric-card.violet{background:#ded8fa}.metric-card.lime{background:#e1efaa}.metric-card.coral{background:#f9c2b4}.metric-top{display:flex;align-items:center;justify-content:space-between}.metric-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.55)}.metric-card.dark .metric-icon{color:var(--ink);background:var(--lime)}.metric-top>svg{opacity:.45}.metric-label{display:block;margin-top:18px;color:rgba(23,23,20,.61);font-size:10px;font-weight:700}.metric-card.dark .metric-label{color:rgba(255,255,255,.55)}.metric-value-row{display:flex;align-items:baseline;gap:10px;margin-top:3px}.metric-value-row strong{font-family:var(--font-display);font-size:calc(27px * var(--font-scale));letter-spacing:-.06em}.metric-value-row small{color:rgba(23,23,20,.52);font-size:9px}.metric-card.dark .metric-value-row small{color:rgba(255,255,255,.5)}.metric-progress{position:absolute;inset:auto 18px 14px;height:3px;border-radius:5px;background:rgba(23,23,20,.12)}.metric-progress span{display:block;height:100%;background:var(--violet-deep);border-radius:inherit}.projects-section{margin-top:42px}.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-toolbar>div:first-child{display:flex;align-items:center;gap:9px}.section-toolbar h2{margin:0;font-size:calc(17px * var(--font-scale));letter-spacing:-.03em}.section-count{min-width:24px;padding:3px 7px;color:#6b685f;background:#dedad0;border-radius:20px;font-size:9px;text-align:center}.filter-select{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.45);color:#706e66}.filter-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;background:transparent;font-size:10px;font-weight:600}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:15px;gap:15px}.project-card{min-width:0;padding:19px;border:1px solid var(--line);border-radius:16px;background:var(--surface);cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.project-card:hover{transform:translateY(-3px);border-color:#ccc7bb;box-shadow:var(--shadow)}.project-card-top{display:flex;align-items:center;gap:8px}.category-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#24231f}.category-icon.coral,.floating-icon.coral{background:#ffd1c5}.category-icon.violet,.floating-icon.violet{background:#dcd6fc}.category-icon.blue,.floating-icon.blue{background:#cce8f7}.category-icon.lime,.floating-icon.lime{background:#deef9e}.category-label{color:#77746c;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.more-button{margin-left:auto;width:30px;height:30px;display:grid;place-items:center;color:#98958d;background:transparent;border:0;border-radius:8px;cursor:pointer}.more-button:hover{color:var(--ink);background:#eeece5}.project-card h3{min-height:42px;margin:18px 0 6px;font-size:calc(16px * var(--font-scale));line-height:1.35;letter-spacing:-.03em}.project-description{height:37px;margin:0;overflow:hidden;color:var(--muted);font-size:10px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.project-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:17px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:9px;background:#eeece6;color:#5d5b54}.status-pill>span{width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill select{max-width:105px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;color:inherit;background:transparent;font-size:9px;font-weight:700;cursor:pointer}.status-0{color:#7466bd;background:#e4dff9}.status-1{color:#397a99;background:#dceef7}.status-2{color:#28724d;background:#dbeedc}.status-3{color:#8a692e;background:#f1e6c8}.status-4{color:#4f7b17;background:#e2efb4}.priority{font-size:8px;font-weight:700}.priority:before{content:"";display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:currentColor}.priority-0{color:#6c8a97}.priority-1{color:#a37531}.priority-2{color:#cf5b49}.progress-block{margin-top:17px}.drawer-progress>div,.progress-block>div:first-child{display:flex;justify-content:space-between;font-size:9px}.progress-block span{color:#817f77}.progress-block strong{font-size:9px}.progress-track{height:5px;margin-top:7px;overflow:hidden;background:#e8e5dd;border-radius:8px}.progress-track span{display:block;height:100%;background:var(--violet-deep);border-radius:inherit}.project-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid #ebe8e0}.project-card-footer span{display:inline-flex;align-items:center;gap:5px;color:#858279;font-size:9px}.project-card-footer>div{display:flex;gap:9px}.overdue{color:#d45d4b!important}.empty-state,.projects-loading{min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;border:1px dashed #cbc7bc;border-radius:18px;text-align:center}.projects-loading{flex-direction:row;gap:10px;color:var(--muted);font-size:12px}.empty-illustration{width:76px;height:76px;display:grid;place-items:center;position:relative;color:#35342f;background:#e0dafa;border-radius:24px;transform:rotate(-4deg)}.empty-illustration span{position:absolute;right:-6px;top:-5px;width:20px;height:20px;background:var(--lime);border:4px solid var(--paper);border-radius:50%}.empty-state h3{margin:22px 0 7px;font-size:17px}.empty-state p{max-width:390px;margin:0;color:var(--muted);font-size:11px;line-height:1.6}.secondary-button{margin-top:18px;color:var(--ink);border:1px solid #cfcbc0;background:#fff;box-shadow:none}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;grid-gap:24px;gap:24px;background:var(--paper)}.icon-button{width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.65);cursor:pointer}.icon-button:hover{background:#fff}.icon-button.danger:hover{color:#c85143;background:#fff0ed;border-color:#f2c6be}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#f7f4ed}.login-art{min-height:100vh;padding:42px;color:#fff;background:#1b1b18;position:relative;overflow:hidden}.login-art:before{content:"";position:absolute;width:430px;height:430px;left:-90px;bottom:-120px;background:var(--violet);filter:blur(1px);border-radius:45% 55% 60% 40%;opacity:.9;transform:rotate(22deg)}.login-art:after{content:"";position:absolute;width:260px;height:260px;right:-70px;top:12%;background:var(--lime);border-radius:45% 55%;opacity:.96}.login-art-grid{position:absolute;inset:0;opacity:.075;background-image:linear-gradient(#fff 1px,transparent 0),linear-gradient(90deg,#fff 1px,transparent 0);background-size:48px 48px}.login-brand{position:relative;z-index:2;display:flex;align-items:center;gap:12px;font-size:17px}.login-quote{position:absolute;z-index:3;left:11%;bottom:14%}.login-quote>svg{color:var(--lime)}.login-quote h1{margin:15px 0;font-family:var(--font-display);font-size:clamp(38px,5vw,67px);line-height:1.08;letter-spacing:-.07em}.login-quote p{max-width:390px;color:rgba(255,255,255,.58);font-size:12px}.floating-card{position:absolute;z-index:4;min-width:205px;display:flex;align-items:center;gap:10px;padding:12px;color:var(--ink);background:rgba(255,255,255,.94);border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-card .floating-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px}.floating-card small,.floating-card strong{display:block}.floating-card strong{font-size:10px}.floating-card small{margin-top:3px;color:#89877f;font-size:8px}.floating-one{top:23%;left:13%;transform:rotate(-4deg)}.floating-two{top:41%;right:8%;transform:rotate(4deg)}.login-panel{min-height:100vh;display:grid;place-items:center;padding:42px}.login-form{width:min(370px,100%)}.login-mobile-logo{display:none}.lock-badge{width:48px;height:48px;display:grid;place-items:center;margin-bottom:24px;color:#463f72;background:#dfd9fb;border-radius:14px}.login-form h2{margin:0;font-family:var(--font-display);font-size:30px;letter-spacing:-.06em}.login-subtitle{margin:11px 0 28px;color:var(--muted);font-size:12px}.password-field{height:50px;display:flex;align-items:center;gap:11px;padding:0 14px;border:1px solid #d9d5ca;border-radius:12px;background:#fff}.password-field:focus-within{border-color:var(--violet-deep);box-shadow:0 0 0 4px rgba(118,103,201,.1)}.password-field.has-error{border-color:#d76a58}.password-field svg{color:#8c8980}.password-field input{flex:1 1;min-width:0;border:0;outline:0;background:transparent;font-size:13px}.form-error{margin-top:9px;color:#c45141;font-size:10px}.login-button{width:100%;margin-top:15px;background:var(--ink)}.login-button svg:last-child{margin-left:auto}.privacy-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:20px;color:#929087;font-size:9px}.privacy-note svg{color:#69a748}.drawer-layer,.modal-layer{position:fixed;inset:0;z-index:60}.drawer-backdrop,.modal-backdrop{position:absolute;inset:0;width:100%;border:0;background:rgba(20,20,17,.48);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.project-editor{position:absolute;inset:24px 24px 24px auto;width:min(660px,calc(100% - 48px));display:flex;flex-direction:column;background:var(--surface);border-radius:20px;box-shadow:0 30px 100px rgba(0,0,0,.22);overflow:hidden}.editor-footer,.editor-header{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border-bottom:1px solid var(--line)}.editor-header h2{margin:0;font-family:var(--font-display);font-size:21px;letter-spacing:-.05em}.editor-header .eyebrow{margin-bottom:6px}.editor-body{flex:1 1;overflow-y:auto;padding:23px 25px}.field{display:grid;grid-gap:7px;gap:7px}.field>span,.tasks-heading>span{color:#68665f;font-size:9px;font-weight:700}.add-task-row input,.field input,.field select,.field textarea{width:100%;border:1px solid #dcd8ce;border-radius:10px;outline:0;background:#fff;font-size:11px}.field input,.field select{height:42px;padding:0 11px}.field textarea{padding:11px;resize:vertical;line-height:1.55}.field input:focus,.field select:focus,.field textarea:focus{border-color:#a69ce0;box-shadow:0 0 0 3px rgba(118,103,201,.08)}.budget-grid+.field-wide,.field-wide+.budget-grid,.field-wide+.form-grid,.form-grid+.field-wide,.range-field+.tasks-editor{margin-top:17px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.budget-grid{grid-template-columns:2fr 1fr}.range-field>span{display:flex;justify-content:space-between}input[type=range]{--range-progress:0%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px!important;padding:0!important;border:0!important;background:linear-gradient(to right,var(--violet-deep) var(--range-progress),#e4e1d9 var(--range-progress))!important;border-radius:10px!important;box-shadow:none!important}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:17px;height:17px;border:4px solid #fff;border-radius:50%;background:var(--violet-deep);box-shadow:0 2px 7px rgba(0,0,0,.2);cursor:pointer}.tasks-editor{padding:15px;border:1px solid #dfdcd3;border-radius:12px;background:#f3f1eb}.tasks-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.drawer-section-title span,.tasks-heading small{padding:2px 7px;color:#6f6c64;background:#e1ded5;border-radius:20px;font-size:8px}.editor-task{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #e0ddd5}.editor-task button:first-child{width:19px;height:19px;display:grid;place-items:center;padding:0;border:1px solid #c7c3b8;border-radius:6px;background:#fff;cursor:pointer}.editor-task button:first-child.done{color:#fff;border-color:var(--ink);background:var(--ink)}.editor-task span{flex:1 1;font-size:10px}.drawer-tasks em.done,.editor-task span.done{color:#99968d;text-decoration:line-through}.remove-task{width:25px;height:25px;display:grid;place-items:center;color:#aaa69c;border:0;background:transparent;cursor:pointer}.add-task-row{display:flex;gap:7px;margin-top:10px}.add-task-row input{height:37px;padding:0 10px}.add-task-row button{width:37px;display:grid;place-items:center;border:0;border-radius:9px;color:#fff;background:var(--ink);cursor:pointer}.editor-footer{justify-content:flex-end;gap:9px;border-top:1px solid var(--line);border-bottom:0}.text-button{min-height:42px;padding:0 15px;border:0;background:transparent;font-size:11px;font-weight:600;cursor:pointer}.category-manager{position:absolute;inset:50% auto auto 50%;width:min(610px,calc(100% - 40px));max-height:calc(100vh - 50px);background:var(--surface);border-radius:20px;box-shadow:0 30px 100px rgba(0,0,0,.24);overflow:hidden;transform:translate(-50%,-50%)}.category-manager-body{padding:22px 25px 25px;overflow-y:auto}.category-manager-intro{margin:0 0 19px;color:var(--muted);font-size:10px;line-height:1.65}.category-rows{display:grid;grid-gap:8px;gap:8px}.category-row{min-height:61px;display:flex;align-items:center;gap:11px;padding:10px;border:1px solid #e1ded5;border-radius:12px;background:#fff}.category-row-name{min-width:0;flex:1 1}.category-row-name small,.category-row-name strong{display:block}.category-row-name strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.category-row-name small{margin-top:4px;color:#96938a;font-size:8px}.category-row>input{height:38px;min-width:0;flex:1 1;padding:0 10px;border:1px solid #a99fe1;border-radius:9px;outline:0;background:#fbfaff;font-size:11px}.category-row-actions{display:flex;gap:5px}.category-row-actions button{width:33px;height:33px;display:grid;place-items:center;padding:0;color:#858279;border:0;border-radius:8px;background:#f2f0ea;cursor:pointer}.category-row-actions button:hover{color:var(--ink);background:#e9e6dd}.category-row-actions button.danger:hover{color:#bd4e40;background:#fff0ed}.category-row-actions button:disabled{opacity:.35;cursor:default}.add-category-form{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:9px;gap:9px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.add-category-form>div{height:44px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #d9d5ca;border-radius:11px;background:#fff}.add-category-form>div:focus-within{border-color:#a69ce0;box-shadow:0 0 0 3px rgba(118,103,201,.08)}.add-category-form>div svg{color:#8f8c83}.add-category-form input{min-width:0;flex:1 1;border:0;outline:0;background:transparent;font-size:11px}.category-error{margin-top:12px}.category-manager-note{display:flex;align-items:center;gap:8px;margin-top:16px;padding:10px 12px;color:#6c6758;background:#f0ecdc;border-radius:9px;font-size:8px;line-height:1.5}.category-manager-note svg{flex:none;color:#7e6fcf}.design-manager{position:absolute;inset:50% auto auto 50%;width:min(900px,calc(100% - 40px));max-height:calc(100vh - 40px);display:flex;flex-direction:column;background:var(--surface);border-radius:20px;box-shadow:0 30px 100px rgba(0,0,0,.26);overflow:hidden;transform:translate(-50%,-50%)}.design-manager-layout{min-height:0;display:grid;grid-template-columns:1.15fr .85fr;overflow-y:auto}.design-controls{padding:22px 25px 25px;border-right:1px solid var(--line)}.design-control-group+.design-control-group{margin-top:21px}.design-label{display:block;margin-bottom:9px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.05em}.density-choice,.theme-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:7px;gap:7px}.density-choice button,.theme-choice button{min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);border:1px solid var(--line);border-radius:10px;background:var(--field);cursor:pointer;font-size:10px;font-weight:700}.density-choice button.active,.theme-choice button.active{color:var(--accent-contrast);border-color:var(--violet-deep);background:var(--violet-deep)}.font-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.color-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.color-control{min-height:51px;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--field);cursor:pointer}.color-control input{width:31px;height:31px;padding:2px;border:1px solid var(--line);border-radius:9px;background:transparent;cursor:pointer}.color-control small,.color-control strong{display:block}.color-control strong{color:var(--ink);font-size:9px}.color-control small{margin-top:3px;color:var(--muted);font-size:8px;text-transform:uppercase}.slider-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.slider-controls label>span{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;color:var(--muted);font-size:9px}.slider-controls label>span strong{color:var(--ink)}.slider-controls input{width:100%}.density-choice{grid-template-columns:repeat(3,minmax(0,1fr))}.density-choice button{min-height:37px;font-size:9px}.design-preview-column{padding:22px;background:color-mix(in srgb,var(--paper) 78%,var(--surface))}.design-preview{min-height:360px;padding:20px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--ui-radius);box-shadow:var(--shadow)}.preview-dots{display:flex;gap:5px}.preview-dots i{width:6px;height:6px;border-radius:50%;background:var(--line)}.preview-dots i:first-child{background:var(--coral)}.design-preview>p{margin:40px 0 7px;color:var(--violet-deep);font-size:8px;font-weight:800;letter-spacing:.14em}.design-preview h3{margin:0 0 25px;font-family:var(--font-display);font-size:calc(24px * var(--font-scale));line-height:1.15;letter-spacing:-.055em}.preview-card{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:calc(var(--ui-radius) * .72);background:var(--field)}.preview-card>div{min-width:0;flex:1 1}.preview-card small,.preview-card strong{display:block}.preview-card strong{font-size:calc(10px * var(--font-scale))}.preview-card small{margin-top:4px;color:var(--muted);font-size:calc(8px * var(--font-scale))}.preview-card em{color:var(--violet-deep);font-size:10px;font-style:normal;font-weight:800}.preview-progress{height:5px;margin:15px 0 20px;background:var(--line);border-radius:8px}.preview-progress span{display:block;width:64%;height:100%;background:var(--violet-deep);border-radius:inherit}.design-preview>button{width:100%;min-height:39px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--accent-contrast);border:0;border-radius:calc(var(--ui-radius) * .65);background:var(--violet-deep);font-size:9px;font-weight:700}.design-manager-footer{display:flex;align-items:center;gap:12px;padding:16px 25px;border-top:1px solid var(--line);background:var(--surface)}.design-manager-footer .form-error{margin:0}.design-manager-footer .primary-button{margin-left:auto}.reset-design-button{padding:9px 0;color:var(--muted);border:0;background:transparent;font-size:9px;font-weight:700;cursor:pointer}.reset-design-button:hover{color:var(--ink)}.project-drawer{position:absolute;inset:0 0 0 auto;width:min(560px,100%);background:var(--surface);box-shadow:-20px 0 70px rgba(0,0,0,.16);overflow-y:auto}.drawer-toolbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 27px;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:2;background:rgba(251,250,246,.93);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.drawer-back,.drawer-toolbar>div{display:flex;gap:8px}.drawer-back{align-items:center;border:0;background:transparent;color:#6c6961;font-size:11px;font-weight:600;cursor:pointer}.drawer-content{padding:28px 30px 45px}.drawer-category{display:flex;align-items:center;gap:10px;color:#706e66;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.drawer-content h2{margin:19px 0 10px;font-family:var(--font-display);font-size:calc(29px * var(--font-scale));line-height:1.22;letter-spacing:-.06em}.drawer-description{margin:0;color:var(--muted);font-size:11px;line-height:1.7;white-space:pre-wrap}.drawer-statuses{display:flex;align-items:center;gap:10px;margin-top:20px}.drawer-progress{margin-top:25px;padding:17px;border:1px solid var(--line);border-radius:13px;background:#f2efe8}.drawer-progress>div{margin-bottom:14px;font-size:10px}.drawer-progress input{width:100%}.project-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:15px;border:1px solid var(--line);border-radius:13px;overflow:hidden}.project-facts>div{padding:14px;border-right:1px solid var(--line)}.project-facts>div:last-child{border-right:0}.project-facts span,.project-facts strong{display:flex;align-items:center;gap:6px}.project-facts span{color:#85827a;font-size:8px}.project-facts strong{margin-top:7px;font-size:9px}.drawer-section{margin-top:30px}.drawer-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.drawer-section-title h3{margin:0;font-size:14px}.drawer-tasks{display:grid;grid-gap:7px;gap:7px}.drawer-tasks button{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e3e0d8;border-radius:10px;background:#fff;cursor:pointer;text-align:left}.drawer-tasks button>span{width:20px;height:20px;display:grid;place-items:center;flex:none;border:1px solid #cbc7bc;border-radius:6px}.drawer-tasks button>span.checked{color:#fff;background:var(--ink);border-color:var(--ink)}.drawer-tasks em{font-size:10px;font-style:normal}.muted-empty{margin:0;padding:15px;color:#8c8981;background:#f1efe8;border-radius:10px;font-size:10px}.upload-zone{min-height:76px;display:flex;align-items:center;gap:12px;padding:14px;color:#716e65;border:1px dashed #c9c5ba;border-radius:12px;background:#f5f2ec;cursor:pointer}.upload-zone:hover{border-color:var(--violet-deep);background:#f0ecfc}.upload-zone input{display:none}.upload-zone>svg{color:var(--violet-deep)}.upload-zone small,.upload-zone strong{display:block}.upload-zone strong{color:var(--ink);font-size:10px}.upload-zone small{margin-top:4px;font-size:8px}.attachment-list{display:grid;grid-gap:7px;gap:7px;margin-top:10px}.attachment-row{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #e2dfd7;border-radius:10px;background:#fff}.attachment-row>a{min-width:0;flex:1 1;display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.attachment-row>a>span{width:34px;height:34px;display:grid;place-items:center;flex:none;color:#6659b5;background:#ebe7fd;border-radius:9px}.attachment-row>a>div{min-width:0}.attachment-row small,.attachment-row strong{display:block}.attachment-row strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.attachment-row small{margin-top:3px;color:#929087;font-size:8px}.attachment-row>button{width:30px;height:30px;display:grid;place-items:center;flex:none;color:#9d9990;border:0;border-radius:8px;background:transparent;cursor:pointer}.attachment-row>button:hover{color:#c45141;background:#fff0ed}.toast{position:fixed;z-index:100;left:50%;bottom:24px;display:flex;align-items:center;gap:9px;padding:11px 16px;color:#fff;background:#1d1d19;border-radius:11px;box-shadow:0 15px 45px rgba(0,0,0,.22);font-size:10px;transform:translateX(-50%);animation:toast-in .25s ease}.toast svg{color:var(--lime)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}.mobile-fab{display:none}html[data-theme=dark]{--muted:#a3a097;--line:#383730;--field:#24241f;--shadow:0 18px 60px rgba(0,0,0,.3)}html[data-theme=dark] .topbar{background:color-mix(in srgb,var(--paper) 88%,transparent)}html[data-theme=dark] .filter-select,html[data-theme=dark] .icon-button,html[data-theme=dark] .topbar-search{background:rgba(255,255,255,.045)}html[data-theme=dark] .filter-select select,html[data-theme=dark] .topbar-search input,html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{color:var(--ink)}html[data-theme=dark] .metric-card:not(.dark){color:#171714}html[data-theme=dark] .category-manager,html[data-theme=dark] .design-manager,html[data-theme=dark] .project-card,html[data-theme=dark] .project-drawer,html[data-theme=dark] .project-editor{background:var(--surface)}html[data-theme=dark] .editor-task,html[data-theme=dark] .project-card-footer{border-color:var(--line)}html[data-theme=dark] .metric-progress,html[data-theme=dark] .preview-progress,html[data-theme=dark] .progress-track{background:#34332d}html[data-theme=dark] .add-task-row input,html[data-theme=dark] .attachment-row,html[data-theme=dark] .category-row,html[data-theme=dark] .drawer-tasks button,html[data-theme=dark] .field input,html[data-theme=dark] .field select,html[data-theme=dark] .field textarea,html[data-theme=dark] .password-field{color:var(--ink);background:var(--field);border-color:var(--line)}html[data-theme=dark] .drawer-progress,html[data-theme=dark] .muted-empty,html[data-theme=dark] .tasks-editor,html[data-theme=dark] .upload-zone{background:color-mix(in srgb,var(--surface) 72%,#000);border-color:var(--line)}html[data-theme=dark] .drawer-toolbar{background:color-mix(in srgb,var(--surface) 92%,transparent)}html[data-theme=dark] .category-row-actions button,html[data-theme=dark] .more-button:hover{background:#2f2e29}html[data-theme=dark] .empty-state{border-color:#4a4840}html[data-theme=dark] .empty-illustration span{border-color:var(--paper)}html[data-theme=dark] .drawer-section-title span,html[data-theme=dark] .section-count,html[data-theme=dark] .tasks-heading small{color:var(--ink);background:#33322d}html[data-theme=dark] .login-panel{background:var(--paper)}html[data-theme=dark] .secondary-button{color:var(--ink);background:var(--field)}html[data-theme=dark] .metric-card.dark{color:#fff;background:#090908;border-color:#090908}.category-manager,.design-manager,.empty-state,.metric-card,.project-card,.project-drawer .drawer-progress,.project-editor{border-radius:var(--ui-radius)}.field input,.field select,.field textarea,.filter-select,.login-button,.primary-button,.secondary-button{border-radius:calc(var(--ui-radius) * .7)}.category-manager-intro,.drawer-description,.page-heading>div>p:last-child,.project-description{font-size:calc(11px * var(--font-scale))}html[data-density=compact] .content-wrap{padding-top:28px}html[data-density=compact] .metrics-grid{margin-top:24px}html[data-density=compact] .metric-card{min-height:135px;padding:14px}html[data-density=compact] .project-card{padding:14px}html[data-density=compact] .sidebar-nav button{padding-top:8px;padding-bottom:8px}html[data-density=spacious] .content-wrap{padding-top:56px}html[data-density=spacious] .metrics-grid{margin-top:42px;gap:18px}html[data-density=spacious] .metric-card{min-height:175px;padding:22px}html[data-density=spacious] .project-card{padding:24px}html[data-density=spacious] .project-grid{gap:20px}@media (max-width:1180px){.metrics-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.sidebar{transform:translateX(-100%);transition:transform .24s ease;box-shadow:20px 0 60px rgba(0,0,0,.25)}.sidebar.is-open{transform:translateX(0)}.sidebar-close{display:block}.sidebar-overlay{position:fixed;inset:0;z-index:29;width:100%;border:0;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.main-content{margin-left:0}.topbar{height:66px;padding:0 18px}.mobile-menu-button{display:grid!important}.mobile-brand{display:flex!important;align-items:center;gap:8px;font-size:12px}.mobile-brand .logo-mark{width:30px;height:30px;padding:7px;border-radius:9px}.topbar-search{flex:1 1;width:auto}.avatar,.today-pill,.topbar-search kbd{display:none}.content-wrap{padding:32px 20px 90px}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-panel{padding:28px}.login-mobile-logo{display:flex;align-items:center;gap:10px;margin-bottom:70px;font-size:14px}.project-editor{inset:0;width:100%;border-radius:0}.category-manager{width:min(610px,calc(100% - 28px))}.design-manager{width:min(900px,calc(100% - 28px))}}@media (max-width:600px){.topbar-search{justify-content:flex-end;border:0;background:transparent}.topbar-search input{display:none}.page-heading{align-items:flex-start}.page-heading>.primary-button{display:none}.page-heading h1{font-size:calc(29px * var(--font-scale))}.page-heading>div>p:last-child{line-height:1.5}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:25px}.metric-card{min-height:137px;padding:14px}.metric-icon{width:33px;height:33px}.metric-label{margin-top:15px;font-size:8px}.metric-value-row{display:block}.metric-value-row strong{font-size:calc(21px * var(--font-scale))}.metric-value-row small{display:block;margin-top:3px}.projects-section{margin-top:32px}.project-grid{grid-template-columns:1fr}.project-card h3{min-height:0}.section-toolbar{align-items:flex-end}.filter-select>svg:first-child{display:none}.form-grid{grid-template-columns:1fr}.editor-footer,.editor-header{padding:18px}.editor-body{padding:19px 18px}.editor-footer .primary-button{flex:1 1}.project-drawer{width:100%}.drawer-toolbar{padding:0 18px}.drawer-content{padding:24px 19px 40px}.drawer-content h2{font-size:calc(24px * var(--font-scale))}.project-facts{grid-template-columns:1fr}.project-facts>div{display:flex;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid var(--line)}.project-facts>div:last-child{border-bottom:0}.project-facts strong{margin-top:0}.mobile-fab{position:fixed;z-index:25;right:20px;bottom:20px;width:54px;height:54px;display:grid;place-items:center;color:var(--accent-contrast);border:0;border-radius:17px;background:var(--violet-deep);box-shadow:0 13px 34px rgba(0,0,0,.25)}.login-mobile-logo{margin-bottom:55px}.login-form h2{font-size:27px}.category-manager,.design-manager{inset:0;width:100%;max-height:none;height:100%;border-radius:0;transform:none}.design-manager-layout{grid-template-columns:1fr}.design-controls{border-right:0;padding:19px 18px}.design-preview-column{display:none}.design-manager-footer{flex-wrap:wrap;padding:14px 18px}.design-manager-footer .primary-button{flex:1 1;margin-left:0}.font-controls,.slider-controls{grid-template-columns:1fr}.category-manager-body{padding:19px 18px}.add-category-form{grid-template-columns:1fr}.add-category-form .primary-button{width:100%}}