:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f5f7fb;font-synthesis:none;--ink:#172033;--muted:#6b7280;--line:#e4e8f0;--panel:#fff;--nav:#111827;--accent:#4361ee;--accent2:#eef2ff;--green:#0f9d70;--red:#d9475c;--amber:#c47a10;--blue:#2f6fed}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f5f7fb}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:#3658cf}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--nav);padding:24px 18px;display:flex;flex-direction:column;color:#fff;z-index:20}.brandmark{display:flex;align-items:center;gap:11px}.brandmark>div:last-child{display:flex;flex-direction:column}.brandmark strong{font-size:17px}.brandmark span{font-size:12px;color:#aeb7c8}.brandmark.large strong{font-size:22px}.brandmark.large span{font-size:14px}.brand-icon{height:38px;width:38px;display:grid;place-items:center;border-radius:10px;background:#5d70ff;color:#fff;font-weight:800;box-shadow:inset 0 0 0 1px #fff2}.sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:35px}.sidebar nav button{border:0;background:transparent;color:#aeb7c8;text-align:left;padding:11px 13px;border-radius:9px}.sidebar nav button:hover,.sidebar nav button.active{background:#ffffff12;color:#fff}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff17;padding-top:18px}.mode-pill{display:inline-block;font-size:11px;padding:5px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em;background:#eef2ff;color:#4353bf}.mode-pill.demo{background:#fff3cd;color:#7a5914}.mode-pill.supabase{background:#dff7ed;color:#167553}.user-mini{display:flex;align-items:center;gap:9px;margin:14px 0}.user-mini>div:last-child{display:flex;flex-direction:column}.user-mini span{font-size:11px;color:#8f9aae}.avatar{height:34px;width:34px;display:grid;place-items:center;border-radius:50%;background:#e8ecff;color:#4253bd;font-weight:700;flex:0 0 auto}.text-button{background:transparent;border:0;padding:4px;color:#53617a}.sidebar .text-button{color:#aeb7c8}.main-area{margin-left:250px;width:calc(100% - 250px);min-height:100vh}.page{padding:34px;max-width:1440px;margin:0 auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.page-head h1{font-size:30px;margin:3px 0 5px;letter-spacing:-.025em}.page-head p,.card p{color:var(--muted);margin:0;line-height:1.55}.eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:800;color:#61708d}.primary,.secondary,.danger,.inline-form button,.comment-input button{border:0;border-radius:9px;padding:10px 14px;font-weight:700}.primary{background:var(--accent);color:#fff}.primary:hover{background:#354ed2}.secondary{background:#eff2f7;color:#354057}.danger{background:#fff0f1;color:#ba3047}.full{width:100%}.icon-button{border:0;background:#f1f3f7;height:34px;width:34px;border-radius:8px;font-size:22px;color:#586074}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stats-grid.small{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:0 2px 7px #13233a08;display:flex;flex-direction:column}.stat-card>span{font-size:12px;color:#657087}.stat-card>strong{font-size:27px;margin:6px 0}.stat-card small{font-size:11px;color:#8a93a5}.stat-card.red{border-top:3px solid #dd5668}.stat-card.amber{border-top:3px solid #d99a3d}.stat-card.blue{border-top:3px solid #5274e8}.dashboard-grid,.report-grid,.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 2px 8px #18233808}.span-2{grid-column:span 2}.section-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:13px}.section-head h2,.card h2{font-size:16px;margin:0 0 4px}.section-head p{font-size:12px}.task-list{display:flex;flex-direction:column}.task-row{border:0;border-top:1px solid #edf0f4;background:#fff;padding:13px 3px;display:flex;justify-content:space-between;align-items:center;text-align:left;gap:16px}.task-row:first-child{border-top:0}.task-row:hover{background:#fafbfe}.task-main{min-width:0}.task-title{display:flex;align-items:center;gap:8px}.task-main>span{font-size:11px;color:#7c8596;display:block;margin-top:4px}.badge{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700}.badge.neutral{background:#f0f2f6;color:#596378}.status-assigned{background:#edf1ff;color:#5260bd}.status-in_progress{background:#e5f3ff;color:#2a6d9c}.status-blocked{background:#fff0e7;color:#a45120}.status-awaiting_review{background:#efe9ff;color:#6d50ad}.status-changes_requested{background:#fff2ce;color:#876116}.status-completed{background:#e6f7ee;color:#297453}.status-cancelled{background:#eef0f3;color:#697181}.status-inbox{background:#f0f2f5;color:#536074}.priority-low{background:#eef4f3;color:#56716b}.priority-medium{background:#eef2ff;color:#5260ae}.priority-high{background:#fff0db;color:#96611d}.priority-urgent{background:#ffeaed;color:#ae3649}.team-list{display:flex;flex-direction:column;gap:5px}.team-row{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #edf0f4}.team-row:last-child{border:0}.grow{display:flex;flex-direction:column;flex:1}.grow span,.right span{font-size:11px;color:#80899a}.right{text-align:right;display:flex;flex-direction:column}.right strong{font-size:12px}.bars{display:flex;flex-direction:column;gap:13px}.bar-item>div:first-child{display:flex;justify-content:space-between;font-size:11px;margin-bottom:5px}.bar-track,.progress-track{height:6px;background:#edf0f5;border-radius:999px;overflow:hidden}.bar-track i,.progress-track i{display:block;height:100%;background:#697cf0;border-radius:999px}.mini-task{width:100%;border:0;border-top:1px solid #edf0f4;background:#fff;padding:11px 0;display:flex;gap:10px;align-items:center;justify-content:space-between;text-align:left}.big-number{font-size:52px;font-weight:800;margin:16px 0 4px}.filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:10px;margin-bottom:13px}.filters input,.filters select,.form-grid input,.form-grid select,.form-grid textarea,.inline-form input,.comment-input input,.login-card input,.task-side textarea,.work-box textarea{width:100%;border:1px solid #dfe4ec;border-radius:9px;background:#fff;padding:10px 11px;outline:none}.filters input:focus,.filters select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,textarea:focus,input:focus,select:focus{border-color:#8291ed;box-shadow:0 0 0 3px #6378ef15}.table-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.table-head-row,.table-task-row{display:grid;grid-template-columns:2.2fr .8fr .7fr .8fr;align-items:center;gap:15px;padding:12px 17px}.table-head-row{background:#f8f9fc;color:#747e91;text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:800}.table-task-row{border:0;border-top:1px solid #edf0f4;background:#fff;text-align:left;color:inherit;width:100%}.table-task-row:hover{background:#fafbfe}.table-task-row>div:first-child>div{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:10px;color:#7b8494}.table-task-row>span{font-size:12px}.empty{text-align:center;padding:35px;color:#788196}.capture-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:16px}.capture-box{width:100%;min-height:240px;border:1px solid #dfe4ec;border-radius:11px;padding:14px;resize:vertical;display:block;margin:12px 0}.helper,.info-box{font-size:11px;color:#637087;background:#f5f7fb;border-radius:9px;padding:11px;margin-top:12px;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-grid label,.login-card label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#667188;font-weight:700}.form-grid textarea{min-height:90px;resize:vertical}.form-grid .span-2{grid-column:span 2}.form-grid .check{flex-direction:row;align-items:center}.check input{width:auto}.success-link{width:100%;margin-top:8px;padding:9px;background:#e9f8f0;color:#167650;border:0;border-radius:8px}.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.business-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.business-top{display:flex;align-items:center;gap:10px}.business-logo{height:39px;width:39px;border-radius:10px;background:#edf1ff;color:#5261bc;display:grid;place-items:center;font-weight:800}.business-top h2{font-size:15px;margin:0}.business-top span{font-size:10px;color:#818a99}.business-metrics{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #edf0f4;margin:15px 0;padding:12px 0}.business-metrics div{display:flex;flex-direction:column}.business-metrics strong{font-size:19px}.business-metrics span{font-size:10px;color:#8a92a0}.project-list{display:flex;flex-direction:column;gap:8px}.project-list>div{display:flex;justify-content:space-between;align-items:center;font-size:11px}.project-status{font-style:normal;font-size:9px;padding:3px 6px;border-radius:999px;background:#edf4ef;color:#4b765c}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.template-number{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#6878db}.template-grid ol{padding:0;margin:16px 0 0;list-style:none}.template-grid li{display:flex;align-items:center;gap:9px;border-top:1px solid #edf0f4;padding:9px 0;font-size:11px}.template-grid li span{height:21px;width:21px;border-radius:6px;display:grid;place-items:center;background:#f0f2f9;color:#53607c;font-size:9px}.table-head-row.work,.table-task-row.work{grid-template-columns:.7fr 1.4fr .5fr 2fr}.table-task-row.work{padding:13px 17px}.report-table{overflow-x:auto}.report-row{display:grid;grid-template-columns:1.4fr repeat(5,.65fr);gap:8px;padding:11px 0;border-top:1px solid #edf0f4;font-size:11px;align-items:center}.report-row.header{border:0;color:#80899a;text-transform:uppercase;font-size:9px}.estimate-row{padding:11px 0;border-top:1px solid #edf0f4}.estimate-row:first-of-type{border:0}.estimate-row>div:first-child{display:flex;justify-content:space-between;gap:10px}.estimate-row span{font-size:10px;color:#7b8495}.estimate-row small{display:block;text-align:right;color:#7b8495;margin-top:3px}.progress-track{margin-top:7px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid #edf0f4}.setting-row:first-of-type{border-top:0}.setting-row>div{display:flex;flex-direction:column}.setting-row span{font-size:10px;color:#7e8798}.deployment-path{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:16px 0}.deployment-path span{background:#f1f4fa;border-radius:8px;padding:9px 11px;font-size:11px}.deployment-path b{color:#8690a0}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#f5f7fb}.login-panel{background:#121a2a;color:#fff;padding:9vw 8vw;display:flex;flex-direction:column;justify-content:center}.login-panel h1{font-size:48px;line-height:1.05;max-width:620px;margin:40px 0 18px;letter-spacing:-.04em}.login-panel>p{font-size:17px;line-height:1.6;max-width:570px;color:#aeb8c9}.login-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:35px;max-width:570px}.login-features span{padding:12px;border:1px solid #ffffff17;border-radius:10px;color:#d6dbe4;font-size:12px}.login-card{align-self:center;justify-self:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;width:min(420px,calc(100% - 40px));box-shadow:0 20px 50px #15213a15}.login-card h2{margin:6px 0}.login-card>p{font-size:12px}.demo-users{display:flex;flex-direction:column;gap:9px;margin-top:18px}.demo-users button{border:1px solid #e1e5ee;border-radius:10px;background:#fff;padding:11px;display:flex;align-items:center;gap:10px;text-align:left}.demo-users button:hover{border-color:#7e8deb;background:#fbfcff}.demo-users button div:last-child{display:flex;flex-direction:column}.demo-users button span:last-child{font-size:10px;color:#7d8696}.stack{display:flex;flex-direction:column;gap:10px}.center{display:block;margin:14px auto 0}.error-box,.success-box{padding:9px 11px;border-radius:8px;font-size:11px;margin:8px 0}.error-box{background:#fff0f2;color:#a93146}.success-box{background:#e9f8f0;color:#177352}.loading-page{min-height:100vh;display:grid;place-items:center;align-content:center;gap:14px;color:#59647a}.loader{height:30px;width:30px;border-radius:50%;border:3px solid #dce1ea;border-top-color:#5268e3;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;inset:0;background:#12182799;z-index:50;display:grid;place-items:center;padding:18px}.modal{background:#fff;border-radius:16px;width:min(1100px,100%);max-height:92vh;overflow:auto;box-shadow:0 30px 80px #0004}.task-modal{padding:23px}.modal-head{display:flex;justify-content:space-between;gap:20px}.modal-head h2{margin:4px 0;font-size:23px}.badge-row{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 18px}.task-grid{display:grid;grid-template-columns:1fr 270px;gap:22px}.task-grid h3{font-size:12px;margin:21px 0 9px;color:#455168}.task-grid section>h3:first-child{margin-top:0}.prewrap{white-space:pre-wrap;line-height:1.6;color:#515b6e}.meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}.meta-grid div{background:#f7f8fb;padding:10px;border-radius:8px;display:flex;flex-direction:column}.meta-grid span{font-size:9px;text-transform:uppercase;color:#8992a1}.meta-grid strong{font-size:11px;margin-top:3px}.work-box{background:#f6f8ff;border:1px solid #e0e5ff;padding:14px;border-radius:11px;margin-top:17px}.work-box h3{margin-top:0}.work-box textarea{min-height:75px;margin:8px 0}.evidence-card{border:1px solid #e5e8ef;border-radius:9px;padding:10px;display:flex;flex-direction:column;gap:4px}.evidence-card span,.evidence-card p{font-size:11px;color:#657085;margin:0}.evidence-card a{font-size:11px}.inline-form{display:grid;grid-template-columns:1.2fr 1fr auto;gap:7px}.comments{display:flex;flex-direction:column;gap:7px}.comment{background:#f7f8fb;border-radius:9px;padding:9px}.comment.manager{border-left:3px solid #6575dd}.comment strong{font-size:10px}.comment p{font-size:11px;margin:3px 0 0}.comment-input{display:flex;gap:7px;margin-top:8px}.task-side{border-left:1px solid #edf0f4;padding-left:20px}.task-side h3:first-child{margin-top:0}.task-side .full{margin-bottom:8px}.task-side textarea{min-height:80px;margin:3px 0 8px;resize:vertical}.time-entry{border-top:1px solid #edf0f4;padding:8px 0;display:flex;flex-direction:column}.time-entry strong{font-size:11px}.time-entry span{font-size:10px;color:#778092}.active-timer-banner{position:sticky;top:0;z-index:10;background:#1c2640;color:#fff;padding:8px 34px;display:flex;gap:9px;align-items:center;font-size:11px}.active-timer-banner span{color:#aeb8ca}.muted{color:var(--muted)!important;font-size:11px!important}.mobile-header{display:none}.prewrap{white-space:pre-wrap}@media(max-width:1050px){.dashboard-grid,.report-grid,.settings-grid,.business-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}.filters{grid-template-columns:1fr 1fr}.capture-grid,.task-grid{grid-template-columns:1fr}.task-side{border-left:0;border-top:1px solid #edf0f4;padding:12px 0 0}.login-panel{padding:50px}.login-panel h1{font-size:38px}}@media(max-width:760px){.sidebar{display:none}.main-area{margin:0;width:100%}.mobile-header{display:flex;background:#111827;color:#fff;padding:12px 16px;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:12}.mobile-header select{max-width:140px;background:#202b42;border:1px solid #ffffff1d;color:#fff;border-radius:8px;padding:8px}.brandmark.compact .brand-icon{height:30px;width:30px}.page{padding:20px 14px}.page-head h1{font-size:25px}.page-head{align-items:center}.page-head p{font-size:12px}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.report-grid,.settings-grid,.business-grid,.template-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.filters{grid-template-columns:1fr}.table-head-row{display:none}.table-task-row{grid-template-columns:1fr auto;padding:14px}.table-task-row>span:nth-of-type(1),.table-task-row>span:nth-of-type(2){display:none}.capture-grid{gap:12px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.table-head-row.work{display:none}.table-task-row.work{grid-template-columns:1fr 1fr}.table-task-row.work span:last-child{grid-column:span 2}.report-row{grid-template-columns:1.2fr repeat(5,.6fr);min-width:600px}.login-page{grid-template-columns:1fr}.login-panel{display:none}.login-card{margin:40px auto}.meta-grid{grid-template-columns:1fr 1fr}.inline-form{grid-template-columns:1fr}.task-modal{padding:16px}.modal-backdrop{padding:7px}.active-timer-banner{padding:8px 14px}.deployment-path b{display:none}.login-card{align-self:center}.page-head .primary{white-space:nowrap}}