/* Dense task workspace inspired by the reference layout; all marks and assets remain UKay's. */
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#292b32;background:#fff}
html,body{background:#fff}
body{font-size:14px}
.icon-rail{position:fixed;inset:0 auto 0 0;width:70px;background:#101113;border-radius:0 0 11px 0;z-index:20;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;color:#fff}
.rail-logo{height:42px;width:42px;display:grid;place-items:center;border-radius:11px;background:#e9e5ff;color:#5e36d2;font-size:22px;font-weight:850;margin-bottom:9px}
.rail-item{width:58px;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:9px;color:#d7d7db;font-weight:600}
.rail-item span{font-size:25px;line-height:27px}.rail-item small{font-size:10px}.rail-item:hover,.rail-item.active{background:#24242a;color:#fff}
.rail-item.active span{color:#b8a2ff}.rail-spacer{flex:1}.rail-avatar,.top-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#25262b;color:#fff;font-weight:750;margin-bottom:10px}
.sidebar{position:fixed;inset:0 auto 0 70px;width:310px;background:#fafbfc;border-right:1px solid #e7e8eb;z-index:10;display:flex;flex-direction:column}
.sidebar .brand{height:54px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;color:#313238;border-bottom:1px solid #e9e9ed}
.brand-wordmark{font-size:15px;letter-spacing:0}.brand-wordmark strong{color:#313238}.workspace-caret{font-size:18px;color:#858791}
.side-scroll{padding:14px 13px;overflow:auto;flex:1}.side-home-title{display:flex;align-items:center;justify-content:space-between;padding:1px 5px 10px}.side-home-title strong{font-size:19px}
.side-create{background:#222326;color:#fff;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:700}.side-create:hover{background:#3c3d42}
.side-nav,.side-home{display:grid}.side-link{display:flex;align-items:center;gap:10px;min-height:32px;padding:5px 9px;color:#626570;font-size:13px;border-radius:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-link>span:first-child{font-size:17px;width:19px;text-align:center;color:#868991}.side-link:hover,.side-link:focus-visible{background:#edf0f3;color:#27282c}.side-divider{height:1px;background:#e6e7ea;margin:15px 3px}
.side-section-title{display:flex;justify-content:space-between;margin:12px 9px 8px;color:#6f727b;font-weight:650;font-size:12px}.side-section-title span{font-size:18px;font-weight:400}
.space-root{font-weight:600}.space-icon{background:#546fe6!important;color:#fff!important;border-radius:4px;font-size:14px!important}.side-projects{margin-left:18px;border-left:1px solid #e4e5e9;padding-left:4px}.project-link{padding-left:11px}.project-link small{margin-left:auto;color:#9c9da3}.new-space{margin-top:10px}.settings-link{margin-top:20px}
.reset-demo{margin-top:10px;width:100%;background:transparent;border:0;text-align:left;cursor:pointer;color:#93949b;font-size:11px}.reset-demo:hover{color:#5c43b4}
.main-frame{margin-left:380px;min-height:100vh;background:#fff}.topbar{height:54px;padding:0 16px;border-bottom:1px solid #e8e9ec;background:#fff;color:#5f626a;display:flex;align-items:center;justify-content:center;position:relative}
.auth-body .main-frame{margin-left:0}.auth-body .shell{min-height:100vh}
.global-search{border:1px solid #e5e6eb;border-radius:22px;width:min(380px,48vw);height:34px;padding:0 13px;display:flex;align-items:center;gap:10px;color:#92949a;font-size:12px}.global-search span{flex:1}.global-search kbd{border:1px solid #ececf0;border-radius:6px;padding:2px 6px;color:#a0a1a6;font-family:inherit}
.global-search span{flex:0}.global-search input{flex:1;min-width:0;border:0;background:transparent;outline:0;box-shadow:none!important;font-size:12px;color:#3b3c44}.global-search input:hover,.global-search input:focus{border:0!important;box-shadow:none!important}
.topbar-right{position:absolute;right:13px;top:8px;display:flex;align-items:center;gap:10px}.topbar-right form{margin:0}.topbar-right .text-button{color:#747680;font-size:12px}.top-avatar{margin:0;width:31px;height:31px}
.shell{max-width:none;padding:0;margin:0;min-height:calc(100vh - 54px)}.footer{display:none}.cu-workspace{min-height:calc(100vh - 54px);background:#fff}
.cu-heading{height:55px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.cu-breadcrumb{display:flex;align-items:center;gap:9px;color:#6b6d76;font-size:16px;white-space:nowrap}.cu-breadcrumb strong{color:#303139;font-weight:700}.crumb-space{color:#5765d5}.crumb-separator{color:#c1c2c7}.crumb-star{font-size:23px;margin-left:7px;color:#747680}.cu-actions{display:flex;gap:22px;color:#6e7079;font-size:12px;white-space:nowrap}
.cu-view-bar{height:43px!important;background:#fff!important;border:0!important;border-bottom:1px solid #e7e7eb!important;padding:0 20px!important;display:flex!important;align-items:end!important;box-shadow:none!important}.cu-view-bar .view-tabs{display:flex;align-items:end;gap:2px}.cu-view-bar .view-tabs a{height:39px;display:flex;align-items:center;padding:0 12px;color:#686b73;border-bottom:2px solid transparent;border-radius:0;background:transparent!important;font-size:13px;font-weight:600}.cu-view-bar .view-tabs a.active{color:#292b30;border-bottom-color:#292b30}
.cu-toolbar{min-height:54px;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.cu-toolbar-left,.cu-toolbar-right{display:flex;align-items:center;gap:8px}.toolbar-pill{border:1px solid #e1e2e7;border-radius:18px;background:#fff;color:#62646d;min-height:29px;display:inline-flex;align-items:center;padding:3px 12px;font-size:12px;font-weight:600;white-space:nowrap}.toolbar-pill.accent{color:#6550c7;border-color:#d9d3ff;background:#f7f5ff}
.cu-filters{display:flex!important;align-items:center;gap:6px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.cu-filters input[name=q]{width:115px;height:29px;border:1px solid #e1e2e7;border-radius:16px;padding:3px 9px;font-size:12px}.cu-filters .custom-select{width:116px!important;max-width:116px!important;min-width:0!important;flex:none!important}.cu-filters .custom-select-trigger{min-height:29px;padding:3px 9px;border-radius:16px;font-size:12px}.filter-submit{cursor:pointer}.toolbar-add{background:#25262a;color:#fff;min-height:32px;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:700;white-space:nowrap}.toolbar-add:hover{background:#3a3b40}
.cu-view-content{padding:18px 30px 35px;overflow:auto}.cu-list,.workspace-panel{border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}.status-group{margin-bottom:32px}.group-heading{display:flex;align-items:center;gap:8px;height:34px;color:#6d6f78}.group-arrow{font-size:12px;margin-right:2px}.group-heading small{color:#95979e}.status-chip{display:inline-flex;align-items:center;border-radius:6px;background:#f0f1f3;color:#4e5058;font-size:11px;font-style:normal;font-weight:700;text-transform:uppercase;padding:4px 8px;white-space:nowrap}.status-chip.in_progress{background:#e7f0ff;color:#3971c0}.status-chip.waiting{background:#fff2da;color:#9b690a}.status-chip.done{background:#e5f5ec;color:#32865a}
.cu-list-head,.cu-task-row{display:grid!important;grid-template-columns:minmax(230px,2.5fr) minmax(95px,.75fr) minmax(98px,.75fr) minmax(85px,.7fr) minmax(90px,.7fr) minmax(78px,.7fr)!important;align-items:center;gap:8px;padding:0 10px 0 31px!important}
.cu-list-head{min-height:30px!important;color:#8d8f97;font-size:12px;border-bottom:1px solid #e9eaee!important;background:#fff!important}.cu-task-row{min-height:44px!important;border-bottom:1px solid #ececf0!important;color:#45464e;font-size:12px;background:#fff!important}.cu-task-row:hover{background:#f7f8fb!important}.cu-task-row>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-title{display:flex;align-items:center;gap:12px}.row-title b{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.row-title small{color:#a2a4ab;font-size:10px}.status-ring{width:16px;height:16px;border:2px dotted #aeb0b7;border-radius:50%;flex:none}.status-ring.done{border:2px solid #4ab378;background:#d6f0e0}.row-person{display:flex;align-items:center;gap:5px}.person-chip{font-style:normal;background:#e7e2ff;color:#6d55c4;width:22px;height:22px;display:inline-grid;place-items:center;border-radius:50%;font-size:10px;font-weight:700}.row-placeholder{color:#afb0b7;font-size:17px}.row-priority{color:#878992}.priority-flag{font-size:16px;font-style:normal;color:#a6a8ae;margin-right:5px}.priority-flag.urgent{color:#e15b60}.priority-flag.high{color:#ec9b3e}.row-comment{font-size:18px;color:#9d9fa6}
.inline-add,.inline-add-form{width:100%;min-height:38px;padding:5px 10px 5px 32px!important;background:#fff!important;border:0!important;text-align:left;color:#777982;font-size:13px;box-shadow:none!important}.inline-add:hover{background:#f8f8fa!important;color:#4f35ba}.inline-add-form{display:flex;gap:8px;align-items:center}.inline-add-form input{border:0!important;box-shadow:none!important;flex:1;min-width:0;padding:5px 0!important;color:#50515a;font-size:13px}.inline-add-form button{border:0;border-radius:5px;background:#f1edff;color:#7052cc;padding:5px 10px;font-size:11px;font-weight:700}
.cu-board{display:flex!important;align-items:flex-start;gap:14px;min-width:780px}.cu-board .board-column{flex:1;min-width:205px;max-width:none;background:#f8f8fa;border:1px solid #ececf0;border-radius:10px;padding:9px}.cu-board .column-heading{padding:3px 4px 11px}.cu-board .column-heading h2{margin:0}.cu-board .cards{min-height:75px}.cu-board .task-card{background:#fff;border:1px solid #e8e9ee;border-radius:8px;box-shadow:0 1px 2px #1d1d300d;padding:12px;margin-bottom:8px}.cu-board .task-card h3{font-size:13px;margin:9px 0}.cu-board .inline-add,.cu-board .inline-add-form{background:transparent!important;padding-left:5px!important}.cu-board .board-column.drop-target{outline:2px dashed #8a6cef;background:#f0eaff}
.demo-task-dialog{border:1px solid #dedee4;border-radius:13px;padding:0;width:min(600px,calc(100vw - 30px));box-shadow:0 25px 90px #23232f40}.demo-task-dialog::backdrop{background:#1c1c2699}.demo-task-dialog form{padding:24px;display:grid;gap:15px}.demo-task-dialog header{display:flex;align-items:center;justify-content:space-between}.demo-task-dialog h2{margin:0;font-size:18px}.demo-task-dialog .dialog-close{border:0;background:transparent;font-size:24px;color:#878991}.demo-task-dialog label{display:grid;gap:5px;font-size:12px;font-weight:650;color:#666870}.demo-task-dialog input,.demo-task-dialog textarea,.demo-task-dialog select{width:100%;padding:9px 10px;border:1px solid #dfe0e7;border-radius:7px;background:#fff;color:#33343a}.demo-task-dialog .dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-task-dialog footer{display:flex;justify-content:flex-end;gap:8px}.demo-task-dialog footer button{border:1px solid #e0e0e6;background:#fff;border-radius:7px;padding:8px 14px}.demo-task-dialog footer button[type=submit]{background:#28282d;color:#fff;border-color:#28282d}
@media(max-width:1150px){.sidebar{width:240px}.main-frame{margin-left:310px}.cu-actions{display:none}.cu-toolbar{align-items:flex-start;flex-direction:column}.cu-toolbar-right{width:100%;justify-content:space-between}.cu-view-content{padding:16px}.cu-list-head,.cu-task-row{min-width:900px}}
@media(max-width:720px){.icon-rail{width:52px}.rail-item{width:42px}.rail-item small{font-size:8px}.sidebar{inset:0 auto 0 52px;width:0;display:none}.main-frame{margin-left:52px}.topbar{height:48px}.global-search{width:60%;max-width:250px}.global-search kbd{display:none}.cu-heading{padding:0 12px}.cu-breadcrumb{font-size:12px}.cu-view-bar{padding:0 10px!important}.cu-toolbar{padding:8px 10px}.cu-toolbar-left{overflow-x:auto;max-width:100%}.cu-toolbar-right{overflow-x:auto}.cu-filters{min-width:max-content}.cu-view-content{padding:10px;overflow-x:auto}.cu-list-head,.cu-task-row{min-width:900px}}