@font-face{font-family:Lexend;src:url('/fonts/lexend-latin-variable.woff2') format('woff2');font-weight:400 650;font-display:swap}@font-face{font-family:Poppins;src:url('/fonts/poppins-latin-400.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:dark;--bg:#06111e;--sidebar:#081522;--canvas:#0a1725;--surface:#0f1e2d;--surface-2:#142536;--surface-3:#1a2d40;--border:#294158;--border-soft:#1d3449;--text:#f2f5fa;--muted:#9dafc2;--brand:#9cb4ff;--brand-2:#bdd0ff;--danger:#ff8a96;--warning:#ffc66d;--success:#72d6a1;--radius:10px;--radius-sm:7px;--shadow:0 18px 50px #02091466;--sidebar-w:228px;--top-h:68px;--font-head:Lexend,Arial,sans-serif;--font-body:Poppins,Arial,sans-serif}
*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.5 var(--font-body);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.skip{position:fixed;z-index:999;left:12px;top:10px;padding:10px 16px;background:var(--brand);color:var(--bg);transform:translateY(-150%)}.skip:focus{transform:none}.boot{height:100vh;display:flex;gap:8px;align-items:center;justify-content:center}.boot span{width:8px;height:8px;background:var(--brand);border-radius:50%;animation:pulse 1s infinite alternate}.boot span:nth-child(2){animation-delay:.2s}.boot span:nth-child(3){animation-delay:.4s}@keyframes pulse{to{opacity:.2;transform:translateY(-5px)}}
.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);background:var(--sidebar);border-right:1px solid var(--border-soft);padding:22px 14px;display:flex;flex-direction:column;z-index:20}.logo{font:500 17px var(--font-head);letter-spacing:-.02em;padding:5px 10px 25px}.logo em{font-style:normal;color:var(--brand)}.nav{display:grid;gap:4px}.nav a{min-height:44px;padding:11px 12px;border-radius:8px;color:var(--muted);display:flex;gap:11px;align-items:center}.nav a:hover,.nav a.active{background:var(--surface-2);color:var(--text)}.nav svg,.mobile-nav svg{width:18px;height:18px}.profile{margin-top:auto;border-top:1px solid var(--border-soft);padding:18px 8px 0;display:flex;gap:10px;align-items:center}.avatar{width:34px;height:34px;border-radius:50%;background:#253b59;color:var(--brand-2);display:grid;place-items:center;font:600 12px var(--font-head);flex:none}.profile strong{display:block;font-size:12px}.profile small{color:var(--muted)}.main{grid-column:2;min-width:0}.topbar{height:var(--top-h);position:sticky;top:0;z-index:15;background:#0a1725eb;backdrop-filter:blur(12px);border-bottom:1px solid var(--border-soft);padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar h1{font:500 17px var(--font-head);margin:0}.content{padding:26px 28px 60px;max-width:1600px;margin:auto}.actions{display:flex;align-items:center;gap:8px}.button{min-height:42px;border:1px solid var(--border);background:var(--surface-2);padding:9px 14px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:500}.button:hover{border-color:#527093;background:var(--surface-3)}.button.primary{background:var(--brand);border-color:var(--brand);color:#06111e}.button.primary:hover{background:var(--brand-2)}.button.ghost{background:transparent}.button.danger{color:var(--danger)}.icon-button{width:42px;height:42px;padding:0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:var(--brand);font-weight:500}.muted{color:var(--muted)}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px}.metric{background:var(--surface);border:1px solid var(--border-soft);padding:17px;border-radius:var(--radius);min-height:110px}.metric span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.metric strong{display:block;font:500 30px var(--font-head);margin-top:15px;letter-spacing:-.04em}.metric.alert strong{color:var(--danger)}.section-head{display:flex;justify-content:space-between;align-items:end;margin:30px 0 12px}.section-head h2{margin:3px 0 0;font:500 17px var(--font-head)}.panel{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);overflow:hidden}.attention-row,.client-row,.time-row,.activity-row{display:grid;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--border-soft)}.attention-row:last-child,.client-row:last-child,.time-row:last-child,.activity-row:last-child{border-bottom:0}.attention-row{grid-template-columns:80px 1fr auto}.client-row{grid-template-columns:minmax(160px,1.5fr) repeat(4,minmax(80px,.6fr)) 28px}.client-row:hover{background:var(--surface-2)}.client-row small{display:block;color:var(--muted)}.pill,.tag,.priority{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid var(--border);border-radius:999px;font-size:10px;white-space:nowrap}.pill.danger,.priority.URGENT{color:var(--danger);border-color:#88404c}.priority.HIGH{color:var(--warning);border-color:#7e6235}.priority.LOW{color:var(--muted)}.tag.blue{background:#203b6a}.tag.violet{background:#46336c}.tag.green{background:#1c5142}.tag.amber{background:#59461f}.tag.rose{background:#663142}.tag.slate{background:#334354}.empty{padding:42px 20px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--text);font:500 15px var(--font-head);margin-bottom:6px}
.board-toolbar{display:flex;gap:8px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.search{height:42px;min-width:240px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:0 13px}.filter{height:42px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:0 10px}.board{display:flex;gap:12px;overflow-x:auto;align-items:flex-start;padding:0 0 18px;scrollbar-color:var(--border) transparent}.column{width:294px;min-width:294px;background:#0c1a28;border:1px solid var(--border-soft);border-radius:var(--radius);max-height:calc(100vh - 160px);display:flex;flex-direction:column}.column-head{padding:13px 13px 10px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0}.column-head strong{font:500 12px var(--font-head)}.count{color:var(--muted);background:var(--surface-2);padding:2px 7px;border-radius:99px}.card-list{padding:0 8px 10px;overflow-y:auto;min-height:70px}.task{background:var(--surface);border:1px solid var(--border-soft);border-radius:8px;margin:7px 0;padding:12px;cursor:pointer;transition:transform .15s,border-color .15s}.task:hover{border-color:#486580;transform:translateY(-1px)}.task.dragging{opacity:.35}.card-list.dragover{background:#15283a;border-radius:8px}.task-id{color:var(--brand);font-size:10px}.task h3{font:500 13px/1.4 var(--font-head);margin:7px 0 10px}.task-tags{display:flex;gap:5px;flex-wrap:wrap}.task-meta{border-top:1px solid var(--border-soft);margin-top:11px;padding-top:9px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px}.meta-group{display:flex;gap:9px;align-items:center}.due.overdue{color:var(--danger)}.mobile-stages{display:none}
.drawer-backdrop{position:fixed;inset:0;background:#02070da8;z-index:50}.drawer{position:fixed;z-index:51;right:0;top:0;bottom:0;width:min(760px,75vw);background:var(--canvas);border-left:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column}.drawer-head{padding:18px 22px;border-bottom:1px solid var(--border-soft);display:flex;gap:14px;align-items:start}.drawer-title{flex:1}.drawer-title input{width:100%;background:transparent;border:0;font:500 20px var(--font-head);padding:3px 0}.drawer-tabs{display:flex;padding:0 22px;border-bottom:1px solid var(--border-soft);overflow-x:auto}.drawer-tabs button{border:0;background:transparent;color:var(--muted);padding:14px 12px;border-bottom:2px solid transparent;white-space:nowrap}.drawer-tabs button.active{color:var(--brand);border-color:var(--brand)}.drawer-body{overflow-y:auto;padding:22px;flex:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:var(--muted)}.input,.textarea,.select{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 11px;min-height:42px}.textarea{min-height:120px;resize:vertical}.subsection{margin-top:24px}.subsection h3{font:500 13px var(--font-head);margin:0 0 10px}.check-item{display:flex;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-soft)}.check-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand)}.comment{padding:12px 0;border-bottom:1px solid var(--border-soft)}.comment-head{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-bottom:5px}.file-item{padding:11px 12px;background:var(--surface);border:1px solid var(--border-soft);border-radius:8px;margin:7px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.drawer-foot{border-top:1px solid var(--border-soft);padding:12px 22px;display:flex;justify-content:space-between;gap:8px;background:var(--surface)}
.modal-backdrop{position:fixed;inset:0;background:#02070dcc;z-index:80;display:grid;place-items:center;padding:18px}.modal{width:min(520px,100%);max-height:90vh;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px;box-shadow:var(--shadow)}.modal h2{font:500 19px var(--font-head);margin:0 0 18px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.login{min-height:100vh;display:grid;grid-template-columns:1fr minmax(420px,42%)}.login-brand{padding:7vw;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 20% 20%,#172f55 0,transparent 38%),var(--bg)}.login-brand h1{font:500 clamp(36px,5vw,72px)/1.05 var(--font-head);letter-spacing:-.06em;max-width:700px}.login-brand h1 span{color:var(--brand)}.login-form{display:grid;place-items:center;background:var(--surface);padding:30px}.login-card{width:min(360px,100%)}.login-card h2{font:500 25px var(--font-head);margin:0 0 8px}.login-card form{display:grid;gap:14px;margin-top:28px}.error{color:var(--danger);min-height:20px}.toast{position:fixed;right:20px;bottom:20px;z-index:200;background:var(--text);color:var(--bg);border-radius:8px;padding:12px 16px;box-shadow:var(--shadow);transform:translateY(130%);transition:.2s}.toast.show{transform:none}.toast.error{background:#8d3341;color:white}.mobile-nav{display:none}
@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,1fr)}.client-row{grid-template-columns:1fr auto}.client-row>*:nth-child(n+3):not(:last-child){display:none}.drawer{width:100vw}.login{grid-template-columns:1fr}.login-brand{display:none}}
@media(max-width:700px){body{padding-bottom:68px}.shell{display:block}.sidebar{display:none}.main{display:block}.topbar{height:60px;padding:0 16px}.topbar h1{font-size:15px}.content{padding:16px 14px 32px}.topbar .button span{display:none}.metric-grid{gap:8px}.metric{min-height:96px;padding:13px}.metric strong{font-size:25px}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:40;bottom:0;left:0;right:0;height:68px;padding-bottom:env(safe-area-inset-bottom);background:#0b1826f7;border-top:1px solid var(--border);backdrop-filter:blur(12px)}.mobile-nav a{display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;color:var(--muted);font-size:9px}.mobile-nav a.active{color:var(--brand)}.board-toolbar{flex-wrap:nowrap;overflow-x:auto}.search{min-width:190px}.board{display:block;overflow:visible}.mobile-stages{display:flex;gap:6px;overflow-x:auto;margin:0 -14px 12px;padding:0 14px 4px}.mobile-stages button{white-space:nowrap}.column{display:none;width:100%;min-width:0;max-height:none}.column.mobile-active{display:flex}.column .card-list{overflow:visible}.task{padding:14px}.drawer{top:0}.drawer-head{padding:14px}.drawer-body{padding:16px}.drawer-foot{padding:10px 14px;position:sticky;bottom:0}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.attention-row{grid-template-columns:66px 1fr}.attention-row>*:last-child{display:none}.section-head{margin-top:24px}.fab{position:fixed;right:18px;bottom:82px;z-index:30;width:52px;height:52px;border-radius:50%;box-shadow:var(--shadow)}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:16px 16px 0 0;width:100%;padding:20px 18px calc(20px + env(safe-area-inset-bottom))}.login-form{min-height:100vh;padding:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.toast{opacity:0;pointer-events:none;transform:translateY(calc(100% + 40px))}.toast.show{opacity:1;transform:none}.fab{display:none}@media(max-width:700px){.fab{display:flex}}