:root{
--bg:#f5f7fb;--panel:#fff;--panel2:#f8f9fc;--panel3:#f0f2f7;--text:#172033;--muted:#768198;
--line:#e1e5ee;--line2:#d2d8e4;--accent:#6257ee;--accent2:#847aff;--accentSoft:#efedff;
--good:#0f9d74;--goodSoft:#e9f8f3;--warn:#df8a20;--warnSoft:#fff4e5;--bad:#d94c61;--badSoft:#fff0f2;
--blue:#3f7fe9;--blueSoft:#eef4ff;--sidebar:#151827;--sidebar2:#202438;--sideText:#f7f8fe;--sideMuted:#8e97b1;
--radius:10px;--shadow:0 1px 2px rgba(22,31,51,.05),0 5px 16px rgba(22,31,51,.035);color-scheme:light
}
body.dark{
--bg:#10131a;--panel:#171b24;--panel2:#1d222d;--panel3:#242b38;--text:#f0f3f9;--muted:#949eb2;
--line:#2b3240;--line2:#3a4354;--accentSoft:#292545;--goodSoft:#142e28;--warnSoft:#342718;--badSoft:#351d23;--blueSoft:#192940;
--shadow:0 1px 2px rgba(0,0,0,.2);color-scheme:dark
}
*{box-sizing:border-box}
html{font-size:14px}
body{margin:0;font-family:"Segoe UI",Inter,Arial,sans-serif;font-size:13px;line-height:1.4;background:var(--bg);color:var(--text);text-rendering:optimizeLegibility;-webkit-font-smoothing:auto}
button,input,select,textarea{font:inherit}
button{color:inherit}
button:disabled{opacity:.48;cursor:not-allowed}
.hidden{display:none!important}
.muted{color:var(--muted)}
.eyebrow{font-size:9px;font-weight:800;letter-spacing:.14em;color:var(--accent)}
.error{color:var(--bad);font-size:10px}
kbd{border:1px solid var(--line);border-bottom-color:var(--line2);border-radius:5px;padding:1px 5px;background:var(--panel2);color:var(--muted);font-size:9px;font-family:inherit}

/* Auth */
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(420px,.92fr);background:var(--panel)}
.auth-art{padding:54px 7vw;background:radial-gradient(circle at 18% 12%,rgba(144,132,255,.65),transparent 27%),radial-gradient(circle at 82% 80%,rgba(66,211,178,.45),transparent 25%),linear-gradient(145deg,#211a52,#4c42c9 56%,#6960e8);color:#fff;display:flex;flex-direction:column;justify-content:space-between}
.auth-art .eyebrow{color:#dad6ff}.auth-art h1{font-size:clamp(48px,6.5vw,88px);line-height:.94;letter-spacing:-.055em;margin:16px 0 20px}.auth-art h1 em{font-style:normal;color:#bdf2e7}.auth-art p{max-width:560px;color:#e5e3ff;font-size:17px;line-height:1.65}.brandmark{width:52px;height:52px;border-radius:15px;background:#fff;color:#5448dd;display:grid;place-items:center;font-weight:900;font-size:23px}.auth-stats{display:flex;gap:8px}.auth-stats span{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);border-radius:999px;padding:7px 11px;font-size:11px}
.auth-card{width:min(410px,84%);margin:auto}.auth-card h2{font-size:30px;letter-spacing:-.035em;margin:9px 0 7px}.auth-card>p{margin:0 0 28px}.auth-card label,.field{display:block;font-size:11px;font-weight:650;margin:12px 0 5px}
.auth-card input,.field input,.field select,.field textarea,.filter-grid input,.filter-grid select,.search input,.command-search input{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:8px;padding:9px 10px;outline:none;box-shadow:none}
.auth-card input{height:42px;margin-top:5px}.auth-card input:focus,.field input:focus,.field select:focus,.field textarea:focus,.filter-grid input:focus,.filter-grid select:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.password-wrap{position:relative}.password-wrap .iconbtn{position:absolute;right:5px;top:8px}.password-rules{font-size:10px;color:var(--muted);background:var(--panel2);border:1px solid var(--line);padding:8px 10px;border-radius:7px}.mobile-brand{display:none}

/* Controls */
.btn{border:1px solid var(--line);border-radius:8px;padding:8px 11px;background:var(--panel);color:var(--text);font-weight:650;font-size:11px;cursor:pointer;box-shadow:none;transition:border-color .12s ease,background .12s ease,transform .08s ease}
.btn:hover{border-color:var(--line2);background:var(--panel2)}.btn:active{transform:translateY(1px)}
.btn.primary{border-color:var(--accent);background:var(--accent);color:#fff}.btn.primary:hover{background:#574dde}
.btn.danger{border-color:color-mix(in srgb,var(--bad) 28%,var(--line));background:var(--badSoft);color:var(--bad)}
.btn.ghost{background:transparent}.wide{width:100%;height:42px;margin-top:12px;display:flex;justify-content:center;align-items:center;gap:8px}
.iconbtn{border:0;background:transparent;color:var(--muted);border-radius:7px;padding:5px 7px;cursor:pointer;font-size:10px}.iconbtn:hover{background:var(--panel3);color:var(--text)}.iconbtn.danger{color:var(--bad)}
.check{width:17px;height:17px;border:1px solid #bdc5d3;border-radius:5px;background:transparent;display:grid;place-items:center;cursor:pointer;font-size:10px}.check.done{background:var(--good);border-color:var(--good);color:#fff}
.star-btn{border:0;background:transparent;color:#a8afbe;cursor:pointer;padding:2px;font-size:14px}.star-btn.active{color:#f0a429}
.badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 6px;font-size:8px;font-weight:700;background:var(--panel3);color:var(--muted);white-space:nowrap}.badge.urgent{background:var(--badSoft);color:var(--bad)}.badge.high{background:var(--warnSoft);color:#b96f14}.badge.done{background:var(--goodSoft);color:var(--good)}.badge.in_progress{background:var(--blueSoft);color:var(--blue)}.badge.waiting{background:var(--warnSoft);color:var(--warn)}

/* Shell */
.app{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .18s ease}
.sidebar{height:100vh;position:sticky;top:0;background:var(--sidebar);color:var(--sideText);padding:14px 11px;display:flex;flex-direction:column;overflow:hidden}
.side-top{display:flex;align-items:center;gap:6px;padding-bottom:10px}.logo{display:flex;align-items:center;gap:9px;min-width:0;flex:1;padding:2px 5px}.app-logo{width:34px;height:34px;flex:0 0 34px;border-radius:10px}.brand-copy{min-width:0;white-space:nowrap;overflow:hidden}.brand-copy b{display:block;font-size:12px}.brand-copy small{display:block;color:var(--sideMuted);font-size:9px;margin-top:1px}
.collapse-btn{width:26px;height:26px;flex:0 0 26px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:var(--sidebar2);color:#c6cce0;cursor:pointer;font-size:17px}
#nav{display:grid;gap:11px;overflow:auto;padding-right:1px}.nav-group{display:grid;gap:2px}.nav-group-title{font-size:8px;font-weight:800;letter-spacing:.15em;color:#626c87;padding:6px 9px 4px}
.sidebar button{border:0;background:transparent;color:var(--sideMuted);border-radius:7px;min-height:34px;padding:7px 9px;display:flex;align-items:center;gap:9px;text-align:left;font-weight:600;font-size:11px;cursor:pointer}
.sidebar button:hover{color:#fff;background:#1e2234}.sidebar button.active{color:#fff;background:#262a40}.nav-icon{width:17px;flex:0 0 17px;text-align:center;font-size:12px}.nav-count{margin-left:auto;min-width:18px;height:17px;border-radius:999px;background:var(--bad);color:#fff;display:grid;place-items:center;font-size:8px;padding:0 5px}
.side-bottom{margin-top:auto;display:grid;gap:2px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}.side-bottom kbd{margin-left:auto;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.09);color:#7e88a7}
.app.sidebar-collapsed{grid-template-columns:62px minmax(0,1fr)}.app.sidebar-collapsed .sidebar{padding:12px 8px}.app.sidebar-collapsed .brand-copy,.app.sidebar-collapsed .nav-group-title,.app.sidebar-collapsed .sidebar nav button>span:not(.nav-icon):not(.nav-count),.app.sidebar-collapsed .side-bottom button>span:not(.nav-icon),.app.sidebar-collapsed .side-bottom kbd{display:none}.app.sidebar-collapsed .side-top{display:grid}.app.sidebar-collapsed .logo{justify-content:center;padding:2px 0}.app.sidebar-collapsed .collapse-btn{margin:auto}.app.sidebar-collapsed .sidebar button{justify-content:center;padding:8px}.app.sidebar-collapsed .nav-icon{width:auto}.app.sidebar-collapsed .nav-count{position:absolute;margin:0 0 18px 18px}
main{min-width:0}header{height:72px;position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line);padding:11px 22px;display:flex;align-items:center;justify-content:space-between}.header-title{display:flex;align-items:center}.header-title h2{font-size:19px;letter-spacing:-.025em;margin:1px 0 0}.header-title .muted{font-size:9px}.header-actions{display:flex;align-items:center;gap:7px}.search{width:250px;height:36px;display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:0 9px;color:var(--muted)}.search input{border:0;padding:0;background:transparent;font-size:11px;box-shadow:none}.search input:focus{box-shadow:none}.command-trigger{width:38px;padding:8px 5px;color:var(--muted)}.menu{display:none;border:0;background:transparent;font-size:18px;color:var(--text)}
#content{max-width:1660px;margin:auto;padding:18px 22px 38px}

/* Overview */
.command-hero{min-height:188px;border-radius:15px;background:linear-gradient(118deg,#5c51e8,#7168ef 57%,#8b83f4);color:#fff;padding:25px 28px;display:grid;grid-template-columns:1fr 175px;align-items:center;gap:20px}
.command-hero h1{font-size:30px;letter-spacing:-.04em;margin:7px 0 6px}.command-hero p{margin:0;color:#ebe9ff;font-size:12px}.hero-eyebrow{color:#d9d5ff}.hero-actions{display:flex;gap:7px;margin-top:17px}.hero-btn{background:#fff!important;color:#5046cf!important;border-color:#fff!important}.ghost-on-hero{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.25)!important;color:#fff!important}
.health-orbit{display:grid;place-items:center}.health-ring{--score:300deg;width:128px;height:128px;border-radius:50%;background:conic-gradient(#bdf2e7 0 var(--score),rgba(255,255,255,.17) var(--score));display:grid;place-items:center;position:relative}.health-ring:before{content:"";position:absolute;width:96px;height:96px;border-radius:50%;background:#6b61e9}.health-ring>div{position:relative;text-align:center}.health-ring strong{display:block;font-size:31px;line-height:1}.health-ring span{display:block;font-size:8px;margin-top:5px;color:#dedbff}
.smart-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:11px 0}.smart-card{min-height:70px;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:11px 12px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;cursor:pointer;text-align:left}.smart-card:hover{border-color:var(--line2);background:var(--panel2)}.smart-card b{display:block;font-size:17px;line-height:1}.smart-card span:not(.smart-icon){display:block;color:var(--muted);font-size:9px;margin-top:4px}.smart-card em{font-style:normal;color:var(--muted)}.smart-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--panel3);font-weight:800}.smart-icon.sun{color:var(--warn);background:var(--warnSoft)}.smart-icon.risk{color:var(--bad);background:var(--badSoft)}.smart-icon.work{color:var(--blue);background:var(--blueSoft)}.smart-icon.star{color:var(--accent);background:var(--accentSoft)}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:10px 0}.metric{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:13px 14px;box-shadow:var(--shadow)}.metric small{color:var(--muted);font-size:9px}.metric .value{font-size:24px;font-weight:750;letter-spacing:-.035em;margin:4px 0 1px}.dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:5px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:10px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.panel-head h3{font-size:14px;margin:2px 0 0}.project-pulse{display:grid;gap:4px}.pulse-row{display:grid;grid-template-columns:8px minmax(0,1fr) 76px 34px;align-items:center;gap:8px;padding:8px 5px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.pulse-row:last-child{border-bottom:0}.pulse-row:hover{background:var(--panel2)}.pulse-dot{width:7px;height:7px;border-radius:50%}.pulse-main b{display:block;font-size:10px}.pulse-main small{color:var(--muted);font-size:8px}.pulse-progress,.progress-line{height:5px;border-radius:999px;background:var(--panel3);overflow:hidden}.pulse-progress i,.progress-line i{display:block;height:100%;background:var(--accent);border-radius:999px}.pulse-row>strong{font-size:9px;text-align:right}

/* My Day */
.day-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:8px 2px 15px}.day-hero h1{font-size:27px;letter-spacing:-.035em;margin:4px 0}.day-hero p{margin:0;color:var(--muted);font-size:10px}.day-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.day-column{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:11px}.day-column-head{display:flex;align-items:center;gap:7px;margin-bottom:9px}.day-column-head>div{display:grid}.day-column-head b{font-size:11px}.day-column-head small{font-size:8px;color:var(--muted)}.day-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.day-dot.risk{background:var(--bad)}.day-dot.sun{background:var(--warn)}.day-dot.star{background:var(--accent)}.day-done{margin-top:10px}

/* Task cards */
.task-stack{display:grid;gap:5px}.task-row-card{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:8px 9px}.task-row-card:hover{border-color:var(--line2)}.enterprise-card{box-shadow:none}.task-card-main{min-width:0}.task-title{font-size:11px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-meta{font-size:8px;color:var(--muted);margin-top:2px}.empty{border:1px dashed var(--line);border-radius:8px;padding:24px;text-align:center;color:var(--muted);font-size:10px;background:var(--panel2)}.compact-empty{padding:20px}

/* Task workspace */
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:11px}.section-head h2{font-size:23px;letter-spacing:-.03em;margin:3px 0 0}.section-head p{font-size:9px;margin:3px 0 0;color:var(--muted)}.task-command-bar,.toolbar-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.saved-view-strip{display:flex;align-items:center;gap:5px;overflow:auto;margin-bottom:8px;padding-bottom:1px}.saved-view{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:5px 9px;font-size:9px;color:var(--muted);cursor:pointer;white-space:nowrap}.saved-view.active,.saved-view:hover{border-color:var(--accent);color:var(--accent);background:var(--accentSoft)}
.task-toolbar{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px;margin-bottom:8px}.view-switch{display:flex;gap:2px;background:var(--panel3);border-radius:7px;padding:2px;width:max-content}.view-switch button{border:0;background:transparent;border-radius:5px;padding:5px 8px;font-size:9px;color:var(--muted);cursor:pointer}.view-switch button.active{background:var(--panel);color:var(--text)}
.filter-grid{display:grid;grid-template-columns:minmax(150px,1.6fr) repeat(7,minmax(90px,.72fr));gap:5px;margin-top:7px}.filter-grid input,.filter-grid select{height:31px;padding:5px 7px;font-size:9px;border-radius:7px}.filter-grid .filter-search{min-width:0}
.bulk-bar{display:flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--line));background:var(--accentSoft);border-radius:8px;padding:6px 8px;margin-bottom:7px}.bulk-bar strong{font-size:10px;margin-right:auto}.bulk-bar select,.bulk-bar button{height:28px;font-size:9px}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.enterprise-table{border-collapse:collapse;width:100%;min-width:1020px}.enterprise-table th,.enterprise-table td{padding:8px 9px;border-bottom:1px solid var(--line);text-align:left;font-size:10px;vertical-align:middle}.enterprise-table th{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--panel2);position:sticky;top:0}.enterprise-table tr:last-child td{border-bottom:0}.enterprise-table tbody tr:hover td{background:color-mix(in srgb,var(--panel2) 60%,transparent)}
.task-link{border:0;background:transparent;padding:0;text-align:left;font-size:10px;font-weight:650;color:var(--text);cursor:pointer}.task-link:hover{color:var(--accent)}.subtask-arrow{color:var(--muted);margin-right:4px}.due-risk{color:var(--bad);font-weight:700}
.board{display:grid;grid-template-columns:repeat(5,minmax(210px,1fr));gap:8px;overflow:auto;align-items:start}.board-column{min-width:210px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);padding:7px;min-height:250px}.board-column.drag-over{border-color:var(--accent);background:var(--accentSoft)}.board-head{display:flex;align-items:center;justify-content:space-between;padding:4px 3px 8px}.board-head>span{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:700}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.status-dot.todo{background:#8c96aa}.status-dot.in_progress{background:var(--blue)}.status-dot.waiting{background:var(--warn)}.status-dot.done{background:var(--good)}.status-dot.cancelled{background:var(--bad)}
.board-stack{display:grid;gap:5px;min-height:180px}.board-card{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:8px;cursor:grab}.board-card.dragging{opacity:.45}.board-card-top{display:flex;justify-content:space-between;gap:6px}.board-title{border:0;background:transparent;padding:0;font-size:10px;font-weight:650;text-align:left;cursor:pointer;color:var(--text)}.board-meta{font-size:8px;color:var(--muted);margin:5px 0}.board-tags{display:flex;gap:3px;flex-wrap:wrap}.board-tags span{font-size:7px;background:var(--panel3);border-radius:999px;padding:2px 5px;color:var(--muted)}.board-foot{display:flex;align-items:center;justify-content:space-between;margin-top:7px}.board-empty{border:1px dashed var(--line);border-radius:7px;padding:16px 8px;text-align:center;color:var(--muted);font-size:8px}

/* Projects & collections */
.enterprise-projects,.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.enterprise-project-card,.pro-collection-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:13px;min-width:0}.pro-collection-card{position:relative;overflow:hidden}.project-topline{height:4px;width:34px;border-radius:999px;margin-bottom:10px}.project-card-head,.collection-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.project-card-head h3,.collection-head h3{font-size:13px;margin:0 0 3px}.project-card-head p,.collection-head p{font-size:9px;color:var(--muted);margin:0;min-height:25px}.project-status{font-size:8px;text-transform:capitalize;border:1px solid var(--line);border-radius:999px;padding:3px 6px;color:var(--muted)}.project-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0}.project-kpis div{background:var(--panel2);border-radius:7px;padding:7px}.project-kpis b{display:block;font-size:13px}.project-kpis span{font-size:7px;color:var(--muted)}.list-stack{display:grid;gap:4px}.list-row{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:7px;padding:6px 7px}.list-row b{font-size:9px}.list-row small{font-size:7px;color:var(--muted)}.project-card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:8px;margin-top:9px}
.collection-accent{position:absolute;left:0;top:0;bottom:0;width:3px}.collection-label{display:flex;align-items:center;gap:6px}.collection-stats{display:flex;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:7px 0;margin:9px 0;font-size:8px;color:var(--muted)}.collection-stats b{font-size:10px;color:var(--text)}.collection-projects{font-size:8px;color:var(--muted);margin-bottom:6px}.collection-task-list{display:grid;gap:4px}.collection-task{display:flex;align-items:center;justify-content:space-between;gap:6px;background:var(--panel2);border:1px solid var(--line);border-radius:7px;padding:6px}.collection-task b{display:block;font-size:9px}.collection-task small,.collection-task span:not(.badge){display:block;font-size:7px;color:var(--muted)}

/* Reports & trash */
.pro-reports{display:grid;gap:10px}.report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.trend-chart{height:150px;display:flex;align-items:flex-end;gap:6px;padding-top:10px}.trend-bar{flex:1;min-width:12px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}.trend-bar i{width:100%;max-width:32px;min-height:2px;border-radius:5px 5px 2px 2px;background:linear-gradient(var(--accent2),var(--accent))}.trend-bar span{font-size:7px;color:var(--muted)}.bar-row{display:grid;grid-template-columns:100px 1fr 30px;gap:7px;align-items:center;margin:8px 0;font-size:9px}.bar{height:6px;border-radius:999px;background:var(--panel3);overflow:hidden}.bar i{display:block;height:100%;background:var(--accent);border-radius:999px}
.trash-panel{display:grid;gap:5px}.trash-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:9px}.trash-row b{font-size:10px}.trash-row small{font-size:8px;color:var(--muted)}

/* Modal */
.modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:14px;background:rgba(10,13,22,.54);backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.modal-card{width:min(640px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 16px 50px rgba(0,0,0,.22)}
.modal.task-modal .modal-card{width:min(980px,calc(100vw - 28px))}.modal.collection-modal .modal-card{width:min(1120px,calc(100vw - 28px))}
.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.modal-head h3{font-size:18px;letter-spacing:-.02em;margin:2px 0 0}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}.span2{grid-column:1/-1}.field{margin:0}.field input,.field select{height:37px;margin-top:4px}.field textarea{margin-top:4px;resize:vertical;min-height:75px}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;border-top:1px solid var(--line);padding-top:11px;margin-top:11px}.form-actions>.danger:first-child{margin-right:auto}.field-label{display:block;font-size:10px;font-weight:650;margin-bottom:4px}.field-hint{display:block;color:var(--muted);font-size:8px;margin-top:3px}
.validation-message{display:none;color:var(--bad);font-size:8px;margin-top:3px}.validation-message.show{display:block}.is-invalid input,.is-invalid select,.is-invalid textarea{border-color:var(--bad)!important;background:var(--badSoft)}.is-valid input:not(:focus),.is-valid select:not(:focus){border-color:color-mix(in srgb,var(--good) 45%,var(--line))}
.multi-list-box,.multi-box{display:flex;flex-wrap:wrap;gap:4px;min-height:37px;padding:5px;border:1px solid var(--line);border-radius:8px;background:var(--panel2)}.multi-option{position:relative;display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;padding:4px 7px;font-size:9px;cursor:pointer;background:var(--panel)}.multi-option input{position:absolute;opacity:0;pointer-events:none}.multi-check{display:none}.multi-option:has(input:checked){border-color:var(--accent);background:var(--accentSoft);color:var(--accent)}.multi-option:has(input:checked) .multi-check{display:inline}.multi-empty{font-size:9px;color:var(--muted);padding:3px}
.task-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px}.task-main-form{min-width:0}.task-side-panel{border-left:1px solid var(--line);padding-left:13px}.task-side-panel h4{font-size:10px;margin:0 0 7px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.activity-list{display:grid;gap:5px;max-height:310px;overflow:auto}.activity-row{display:grid;grid-template-columns:22px 1fr;gap:7px}.activity-icon{width:22px;height:22px;border-radius:50%;background:var(--panel3);display:grid;place-items:center;font-size:9px}.activity-row b{font-size:9px}.activity-row small{display:block;font-size:7px;color:var(--muted)}.activity-row p{margin:2px 0 0;font-size:8px;color:var(--muted)}
.delete-confirm{text-align:center;padding:6px}.delete-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;margin:0 auto 9px;background:var(--badSoft);color:var(--bad);font-weight:800}.delete-confirm h4{font-size:15px;margin:0 0 6px}.delete-confirm p{font-size:10px;color:var(--muted);max-width:470px;margin:0 auto 10px}.delete-note{display:grid;gap:2px;text-align:left;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:8px;margin:8px auto;max-width:470px}.delete-note span{font-size:9px;color:var(--muted)}

/* Collection transfer builder */
.collection-transfer{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);gap:10px;align-items:stretch}.transfer-pane{border:1px solid var(--line);border-radius:10px;background:var(--panel2);min-width:0;padding:9px}.transfer-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.transfer-head>div{display:grid}.transfer-head b{font-size:10px}.transfer-head span{font-size:8px;color:var(--muted)}.collection-filters{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:6px}.collection-filters input{grid-column:1/-1}.collection-filters input,.collection-filters select{height:31px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);padding:5px 7px;font-size:9px}.transfer-list{display:grid;gap:4px;max-height:310px;overflow:auto}.transfer-task{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:6px;border:1px solid var(--line);border-radius:7px;background:var(--panel);padding:6px;cursor:grab}.transfer-task:hover,.transfer-task.selected{border-color:var(--accent)}.transfer-task.selected{background:var(--accentSoft)}.transfer-task.dragging{opacity:.45}.transfer-task-main{min-width:0}.transfer-task-main b{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transfer-task-main small{display:block;font-size:7px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transfer-select{position:relative;display:flex}.transfer-select input{position:absolute;opacity:0}.transfer-check{width:15px;height:15px;border:1px solid var(--line2);border-radius:4px;display:grid;place-items:center;color:transparent;font-size:8px}.transfer-select input:checked+.transfer-check{background:var(--accent);border-color:var(--accent);color:#fff}.drag-grip{color:var(--muted);font-size:11px}.transfer-actions{display:grid;place-items:center;align-content:center;gap:5px}.transfer-actions small{font-size:8px;color:var(--muted)}.collection-drop-pane.drag-ready,.collection-drop-pane.drag-over{border-color:var(--accent);background:var(--accentSoft)}.collection-drop-pane.drag-over{box-shadow:inset 0 0 0 1px var(--accent)}.remove-from-collection{border:0;background:transparent;color:var(--muted);font-size:15px;cursor:pointer}.remove-from-collection:hover{color:var(--bad)}.collection-mark{color:var(--good)}.transfer-empty{border:1px dashed var(--line);border-radius:7px;padding:18px 8px;text-align:center;color:var(--muted);font-size:9px}.transfer-empty b,.transfer-empty span{display:block}.collection-drag-hint{margin-top:7px;text-align:center;color:var(--muted);font-size:8px}

/* Command palette */
.command-overlay{position:fixed;inset:0;z-index:80;background:rgba(10,13,22,.52);display:grid;align-items:start;justify-items:center;padding-top:12vh}.command-panel{width:min(640px,calc(100vw - 28px));background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.28);overflow:hidden}.command-search{height:50px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--line);color:var(--muted)}.command-search input{border:0;background:transparent;box-shadow:none;font-size:13px;padding:0}.command-search input:focus{box-shadow:none}.command-search kbd{margin-left:auto}.command-results{padding:6px;display:grid;gap:2px;max-height:420px;overflow:auto}.command-item{border:0;border-radius:8px;background:transparent;padding:8px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;text-align:left;cursor:pointer}.command-item:hover,.command-item.active{background:var(--accentSoft)}.command-icon{width:28px;height:28px;border-radius:7px;background:var(--panel3);display:grid;place-items:center}.command-item b{display:block;font-size:10px}.command-item small{display:block;font-size:8px;color:var(--muted);margin-top:1px}.command-item em{font-style:normal;color:var(--muted);font-size:10px}.command-foot{display:flex;gap:14px;border-top:1px solid var(--line);padding:7px 12px;color:var(--muted);font-size:8px}.command-empty{padding:25px;text-align:center;color:var(--muted);font-size:10px}

/* Toast */
.toast{position:fixed;z-index:100;right:18px;bottom:18px;transform:translateY(20px);opacity:0;pointer-events:none;background:#202638;color:#fff;border-radius:8px;padding:9px 12px;font-size:10px;box-shadow:0 8px 28px rgba(0,0,0,.22);transition:.18s}.toast.show{transform:none;opacity:1}.toast.bad{background:#a92f43}

/* Responsive */
@media(max-width:1200px){
.filter-grid{grid-template-columns:repeat(4,minmax(120px,1fr))}.filter-search{grid-column:span 2}.enterprise-projects,.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.board{grid-template-columns:repeat(5,240px)}
}
@media(max-width:900px){
.auth-shell{grid-template-columns:1fr}.auth-art{display:none}.mobile-brand{display:grid;width:42px;height:42px;border-radius:12px;background:var(--accent);color:#fff;place-items:center;font-weight:900;margin-bottom:20px}.auth-card{min-height:100vh;display:flex;flex-direction:column;justify-content:center}
.app,.app.sidebar-collapsed{grid-template-columns:1fr}.sidebar{position:fixed;z-index:55;left:0;top:0;width:220px;transform:translateX(-105%);transition:transform .18s}.sidebar.open{transform:none}.app.sidebar-collapsed .brand-copy,.app.sidebar-collapsed .nav-group-title,.app.sidebar-collapsed .sidebar nav button>span:not(.nav-icon):not(.nav-count),.app.sidebar-collapsed .side-bottom button>span:not(.nav-icon),.app.sidebar-collapsed .side-bottom kbd{display:initial}.app.sidebar-collapsed .side-top{display:flex}.app.sidebar-collapsed .sidebar button{justify-content:flex-start}.menu{display:block}.header-actions .search{width:190px}.command-hero{grid-template-columns:1fr}.health-orbit{display:none}.smart-strip,.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.report-grid,.day-grid{grid-template-columns:1fr}.enterprise-projects,.collection-grid{grid-template-columns:1fr 1fr}.task-detail-layout{grid-template-columns:1fr}.task-side-panel{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}.collection-transfer{grid-template-columns:1fr}.transfer-actions{display:flex;justify-content:center}.transfer-actions small{display:none}
}
@media(max-width:640px){
header{height:auto;min-height:66px;padding:9px 12px;align-items:flex-start}.header-title h2{font-size:16px}.header-actions{gap:4px}.header-actions .search,.command-trigger{display:none}.header-actions .btn.primary{font-size:9px;padding:7px 9px}#content{padding:12px}.command-hero{padding:19px;border-radius:11px;min-height:155px}.command-hero h1{font-size:24px}.hero-actions{flex-wrap:wrap}.smart-strip,.metrics{grid-template-columns:1fr 1fr;gap:6px}.smart-card{padding:9px;grid-template-columns:26px 1fr auto}.metric{padding:10px}.metric .value{font-size:20px}.section-head{align-items:flex-start;flex-direction:column}.task-command-bar{width:100%}.filter-grid{grid-template-columns:1fr 1fr}.filter-search{grid-column:1/-1}.enterprise-projects,.collection-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.modal{padding:6px}.modal-card{width:calc(100vw - 12px);max-height:calc(100vh - 12px);padding:12px}.day-grid{gap:7px}.bulk-bar{overflow:auto}.bar-row{grid-template-columns:80px 1fr 24px}
}

/* Enterprise detail alignment */
.star-btn.on,.star-btn.active{color:#f0a429}
.enterprise-table table{border-collapse:collapse;width:100%;min-width:1020px}
.bulk-bar>b{margin-right:auto;font-size:10px}
.task-command-bar{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:9px}
.task-command-bar h1{font-size:23px;letter-spacing:-.03em;margin:3px 0 0}
.task-command-bar p{margin:2px 0 0;color:var(--muted);font-size:9px}
.small{font-size:9px}
.subtle{padding:6px 8px;font-size:9px}
.action-spacer{flex:1}
.toggle-row{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--text);margin:9px 0}
.toggle-row input{width:15px;height:15px}
.view-preview{display:flex;gap:7px;margin-top:8px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);font-size:9px;color:var(--muted)}
.danger-zone,.impact-note{border:1px solid var(--line);border-radius:9px;background:var(--panel2);padding:10px}
.danger-zone{text-align:center}.danger-zone.compact{text-align:left}
.danger-icon{width:36px;height:36px;border-radius:50%;background:var(--badSoft);color:var(--bad);display:grid;place-items:center;margin:0 auto 8px;font-weight:800}
.danger-zone h4{margin:0 0 6px;font-size:14px}.danger-zone p{margin:0;color:var(--muted);font-size:10px}
.impact-note{display:grid;gap:2px;margin-top:9px;text-align:left}.impact-note span{font-size:9px;color:var(--muted)}
.task-detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:14px}
.task-main-fields{min-width:0}.task-properties{border-left:1px solid var(--line);padding-left:13px}
.property-title{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800;margin-bottom:8px}
.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.relation-box{display:flex;flex-wrap:wrap;gap:5px;min-height:37px;padding:5px;border:1px solid var(--line);border-radius:8px;background:var(--panel2)}
.relation-pill{position:relative;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:999px;background:var(--panel);padding:4px 7px;font-size:9px;cursor:pointer}
.relation-pill input{position:absolute;opacity:0}.relation-pill>span{display:none}.relation-pill:has(input:checked){border-color:var(--accent);background:var(--accentSoft);color:var(--accent)}.relation-pill:has(input:checked)>span{display:inline}
.focus-toggle{border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--panel2)}.focus-toggle>span{display:grid}.focus-toggle b{font-size:9px}.focus-toggle small{font-size:8px;color:var(--muted)}
.task-mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}.task-mini-kpis span{background:var(--panel2);border-radius:7px;padding:6px;font-size:7px;color:var(--muted)}.task-mini-kpis b{display:block;font-size:12px;color:var(--text)}
.activity-section{border-top:1px solid var(--line);margin-top:12px;padding-top:11px}.activity-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:7px}.activity-head h4{font-size:12px;margin:2px 0 0}.activity-loading{font-size:9px;color:var(--muted);padding:8px}
.collection-meta-grid{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(180px,1.6fr) 90px 90px;gap:7px;margin-bottom:10px}
.compact-field input{padding:6px}
.trash-row{grid-template-columns:minmax(0,1fr) auto}.trash-row>div:first-child span{display:block;font-size:8px;color:var(--muted);margin-top:2px}
.confirm-modal .modal-card{width:min(470px,calc(100vw - 28px))}
.delete-confirm .form-actions{justify-content:center}
@media(max-width:900px){.task-detail-grid{grid-template-columns:1fr}.task-properties{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}.collection-meta-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.property-grid,.collection-meta-grid{grid-template-columns:1fr}.task-command-bar{align-items:flex-start;flex-direction:column}}

/* Time tracking v1 */
.active-timer-pill{
  height:36px;max-width:260px;display:flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--good) 38%,var(--line));
  border-radius:9px;background:color-mix(in srgb,var(--good) 7%,var(--panel));padding:4px 8px;color:var(--text);cursor:pointer
}
.active-timer-pill:hover{border-color:var(--good);background:color-mix(in srgb,var(--good) 11%,var(--panel))}
.timer-live-dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px color-mix(in srgb,var(--good) 13%,transparent);animation:timerPulse 1.6s infinite}
@keyframes timerPulse{0%,100%{box-shadow:0 0 0 3px color-mix(in srgb,var(--good) 13%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--good) 4%,transparent)}}
.active-timer-copy{min-width:0;display:grid;text-align:left;line-height:1.05}
.active-timer-copy small{font-size:6px;letter-spacing:.1em;color:var(--good);font-weight:800}
.active-timer-copy b{font-size:9px;max-width:105px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.active-timer-pill>strong{font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--good);margin-left:auto}
.active-timer-pause{font-size:10px;color:var(--good)}
.timer-btn{height:27px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:7px;background:var(--panel);padding:0 7px;color:var(--muted);font:650 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer;white-space:nowrap}
.timer-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accentSoft)}
.timer-btn.running{border-color:color-mix(in srgb,var(--good) 45%,var(--line));color:var(--good);background:color-mix(in srgb,var(--good) 7%,var(--panel))}
.timer-btn.compact{height:24px;padding:0 6px;font-size:8px}
.timer-static{height:27px;display:inline-flex;align-items:center;gap:5px;padding:0 7px;color:var(--muted);font:650 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}
.timer-static.compact{height:24px;padding:0 6px;font-size:8px}
.timer-icon{font-family:inherit;font-size:8px}
.task-row-card{grid-template-columns:auto auto minmax(0,1fr) auto auto}
.timer-detail-card{margin-top:8px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);padding:9px;display:flex;align-items:center;justify-content:space-between;gap:9px}
.timer-detail-card.running{border-color:color-mix(in srgb,var(--good) 36%,var(--line));background:color-mix(in srgb,var(--good) 5%,var(--panel))}
.timer-detail-card>div{display:grid}
.timer-detail-card>div>b{font:750 20px/1.15 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.04em;margin:3px 0}
.timer-detail-card>div>small{font-size:8px;color:var(--muted)}
.timer-detail-card .timer-btn{height:34px;padding:0 10px;font-size:10px}
.time-history-list{display:grid;gap:4px}
.time-session-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;padding:7px 8px;background:var(--panel2)}
.time-session-row.running{border-color:color-mix(in srgb,var(--good) 35%,var(--line));background:color-mix(in srgb,var(--good) 5%,var(--panel))}
.time-session-icon{width:22px;height:22px;border-radius:6px;background:var(--panel3);display:grid;place-items:center;color:var(--muted);font-size:8px}
.time-session-row.running .time-session-icon{color:var(--good)}
.time-session-row>div{display:grid}
.time-session-row b{font-size:9px}
.time-session-row small{font-size:7px;color:var(--muted);margin-top:1px}
.time-session-row>strong{font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.enterprise-table .timer-btn{min-width:72px}
.board-card .timer-btn{height:22px;font-size:7px;padding:0 5px}
@media(max-width:900px){
  .active-timer-copy{display:none}
  .active-timer-pill{max-width:none}
  .active-timer-pill>strong{font-size:9px}
}
@media(max-width:640px){
  .active-timer-pill{height:32px;padding:3px 6px}
  .active-timer-pill>strong{display:none}
  .timer-live-dot{width:6px;height:6px}
  .task-row-card{grid-template-columns:auto auto minmax(0,1fr) auto}
  .task-row-card>.timer-btn{grid-column:3/5;justify-self:start}
}