:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.04em;margin-bottom:.35rem}h2{letter-spacing:-.03em}h3{margin-bottom:.25rem}.muted{color:#768198}.eyebrow{color:#667085;text-transform:uppercase;letter-spacing:.14em;font-size:.73rem;font-weight:800;margin-bottom:.45rem}.primary,.secondary{border:0;border-radius:11px;padding:.78rem 1rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:800}.primary{background:#111827;color:#fff}.primary:hover{background:#273244}.secondary{background:#eef1f6;color:#2b3446}.wide{width:100%}.icon-button{width:36px;height:36px;border:0;border-radius:10px;background:transparent;display:grid;place-items:center;color:#606b80}.icon-button:hover{background:#edf0f5}.icon-button.danger:hover{color:#b42318;background:#fff0ef}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem;padding:7vw;background:radial-gradient(circle at 20% 20%,#e6eaff,transparent 34%),#f6f8fc}.auth-copy{max-width:650px}.brand-mark{width:56px;height:56px;border-radius:18px;background:#111827;color:#fff;display:grid;place-items:center;margin-bottom:2rem}.auth-copy h1{font-size:clamp(2.7rem,6vw,5.3rem);line-height:.98}.auth-copy>p:not(.eyebrow){max-width:600px;font-size:1.1rem;color:#626e83;line-height:1.7}.auth-points{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.8rem}.auth-points span{background:#ffffffb3;border:1px solid #e2e6ee;padding:.65rem .8rem;border-radius:999px;font-size:.88rem;font-weight:700}.auth-card{max-width:470px;width:100%;justify-self:end;padding:2.3rem;border-radius:26px;background:#fff;box-shadow:0 22px 70px #1f29371c;border:1px solid #edf0f5}.auth-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#f0f2f7;margin-bottom:1.4rem}.auth-card form{display:grid;gap:1rem;margin-top:1.5rem}label{display:grid;gap:.45rem;font-weight:750;font-size:.86rem;color:#3c4659}input,select,textarea{width:100%;border:1px solid #dce1ea;background:#fff;border-radius:10px;padding:.72rem .8rem;color:#172033;outline:none}input:focus,select:focus,textarea:focus{border-color:#98a2b3;box-shadow:0 0 0 3px #98a2b31f}textarea{resize:vertical}.link-button{width:100%;border:0;background:none;color:#344054;font-weight:750;margin-top:1rem}.error-box,.global-error{background:#fff2f0;color:#a3382b;border:1px solid #ffd3cc;padding:.75rem .9rem;border-radius:10px;font-size:.86rem}.app-shell{min-height:100vh;display:grid;grid-template-columns:245px minmax(0,1fr)}.sidebar{min-height:100vh;position:sticky;top:0;height:100vh;background:#111827;color:#fff;padding:1.2rem;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:.35rem .45rem 1.5rem}.brand-dot{width:38px;height:38px;border-radius:12px;background:#fff;color:#111827;display:grid;place-items:center;font-weight:900}.sidebar-brand div:last-child{display:grid}.sidebar-brand span{color:#8d99ad;font-size:.72rem;margin-top:.15rem}.sidebar nav{display:grid;gap:.35rem}.nav-item{border:0;background:transparent;color:#aab3c2;display:flex;align-items:center;gap:.75rem;padding:.72rem .8rem;border-radius:10px;font-weight:730;text-align:left}.nav-item.active,.nav-item:hover{background:#202a3b;color:#fff}.sidebar-user{margin-top:auto;display:flex;align-items:center;gap:.65rem;border-top:1px solid #263142;padding-top:1rem}.sidebar-user .icon-button{color:#aab3c2}.avatar{width:36px;height:36px;border-radius:50%;background:#e5e7eb;color:#111827;display:grid;place-items:center;font-weight:900}.sidebar-user-copy{min-width:0;flex:1;display:grid}.sidebar-user-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.83rem}.sidebar-user-copy span{color:#8d99ad;font-size:.72rem}.main-area{min-width:0;padding:2.4rem;overflow:hidden}.page-stack{max-width:1500px;margin:0 auto;display:grid;gap:1.4rem}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-card,.panel{background:#fff;border:1px solid #e9edf3;border-radius:18px;box-shadow:0 8px 28px #1a243709}.stat-card{padding:1.2rem;display:grid;grid-template-columns:auto 1fr;gap:.75rem 1rem;align-items:center}.stat-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#f0f2f7;grid-row:span 2}.stat-card span{color:#707b90;font-size:.84rem}.stat-card strong{font-size:1.8rem}.content-grid.two{display:grid;grid-template-columns:1.25fr .75fr;gap:1rem}.panel{padding:1.25rem}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.panel-title h3,.panel-title p{margin-bottom:.2rem}.status-summary{display:grid}.summary-row{display:grid;grid-template-columns:12px 1fr auto;gap:.65rem;align-items:center;padding:.78rem 0;border-bottom:1px solid #eff1f5}.summary-row:last-child{border-bottom:0}.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#98a2b3}.status-dot.blue{background:#4e7bd9}.status-dot.amber{background:#e09b34}.status-dot.violet{background:#8f65ce}.status-dot.green{background:#3b9a6b}.status-dot.gray{background:#7b8494}.status-dot.slate{background:#5d6b82}.big-metric{display:grid;gap:.2rem;padding:1rem 0}.big-metric strong{font-size:2.6rem;letter-spacing:-.05em}.big-metric span{color:#717c90}.big-metric.compact{border-top:1px solid #edf0f4}.toolbar{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid #e9edf3;padding:.75rem;border-radius:14px}.search-box{display:flex;align-items:center;gap:.45rem;padding-left:.35rem;flex:1;min-width:220px}.search-box input{border:0;box-shadow:none;padding-left:.2rem}.toolbar select{width:auto;min-width:165px}.counter{margin-left:auto;padding-right:.4rem;white-space:nowrap}.table-wrap{background:#fff;border:1px solid #e9edf3;border-radius:16px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:950px}th{color:#7b8495;text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;background:#fbfcfd}th,td{padding:.9rem 1rem;border-bottom:1px solid #edf0f4}tbody tr:last-child td{border-bottom:0}.ticket-title{display:grid;gap:.22rem;min-width:260px}.ticket-title span{color:#7a8598;font-size:.8rem;white-space:nowrap;max-width:360px;overflow:hidden;text-overflow:ellipsis}.chip-select{width:auto;min-width:125px;padding:.48rem .6rem;border:0;border-radius:999px;font-size:.8rem;font-weight:800;background:#eef1f5}.chip-select.blue{background:#edf3ff;color:#315fae}.chip-select.amber{background:#fff5df;color:#94620e}.chip-select.violet{background:#f4efff;color:#7045af}.chip-select.green{background:#ebf8f1;color:#287b51}.chip-select.red{background:#fff0ef;color:#b42318}.chip-select.gray,.chip-select.slate{background:#eef1f4;color:#536071}.row-actions{display:flex;justify-content:flex-end;gap:.2rem}.empty-cell{text-align:center;color:#7d8798;padding:3rem}.kanban-page{max-width:none}.kanban-grid{display:grid;grid-template-columns:repeat(6,minmax(270px,1fr));gap:.9rem;overflow-x:auto;padding-bottom:.8rem}.kanban-column{background:#eef1f5;border-radius:15px;min-height:560px;padding:.75rem}.kanban-column-head{display:flex;align-items:center;justify-content:space-between;padding:.25rem .25rem .75rem;color:#535f72;font-size:.84rem}.kanban-column-head>div{display:flex;align-items:center;gap:.55rem}.kanban-column-head>span{min-width:26px;height:26px;border-radius:999px;background:#fff;display:grid;place-items:center;font-weight:800}.kanban-list{display:grid;gap:.7rem}.kanban-card{background:#fff;border:1px solid #e3e7ed;border-radius:13px;padding:.9rem;box-shadow:0 4px 15px #1822330a}.kanban-card h3{font-size:.96rem;margin:.7rem 0 .35rem}.kanban-card p{color:#7b8494;font-size:.8rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kanban-card-top,.kanban-card-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.kanban-card-foot{border-top:1px solid #eff1f4;padding-top:.7rem;font-size:.76rem;color:#616d80}.kanban-card-foot select{width:auto;padding:.38rem;font-size:.72rem}.priority-pill{font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;padding:.34rem .45rem;border-radius:999px;background:#eef1f4}.priority-pill.red{color:#b42318;background:#fff0ef}.priority-pill.amber{color:#94620e;background:#fff5df}.priority-pill.blue{color:#315fae;background:#edf3ff}.due{color:#8791a1;font-size:.72rem}.kanban-empty{text-align:center;color:#96a0af;border:1px dashed #cfd5df;padding:1.2rem;border-radius:12px;font-size:.8rem}.employee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.employee-card{background:#fff;border:1px solid #e9edf3;border-radius:18px;padding:1.15rem;display:grid;grid-template-columns:auto 1fr;gap:.9rem}.employee-avatar{width:44px;height:44px;border-radius:14px;background:#f0f2f7;display:grid;place-items:center}.employee-head{display:flex;justify-content:space-between;gap:.75rem;min-width:0}.employee-head h3{margin-bottom:.25rem}.employee-head span:not(.admin-badge){color:#7b8495;font-size:.76rem;display:flex;gap:.3rem;align-items:center}.admin-badge{color:#315fae;background:#edf3ff;border-radius:999px;padding:.35rem .5rem;height:fit-content;display:flex;gap:.25rem;align-items:center;font-size:.7rem;font-weight:800}.employee-metrics{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #edf0f4;padding-top:.9rem}.employee-metrics div{display:grid;gap:.2rem}.employee-metrics strong{font-size:1.25rem}.employee-metrics span{color:#7c8798;font-size:.72rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0f172a7a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:1rem}.modal-card{width:min(720px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;padding:1.35rem;box-shadow:0 24px 80px #0003}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.span-2{grid-column:span 2}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.4rem}.global-error{max-width:1500px;margin:0 auto 1rem;cursor:pointer}.loading-screen{min-height:100vh;display:grid;place-items:center;color:#697386;padding:2rem;text-align:center}@media(max-width:1100px){.stats-grid,.employee-grid{grid-template-columns:repeat(2,1fr)}.auth-shell{grid-template-columns:1fr}.auth-card{justify-self:start}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;height:auto;position:static}.sidebar nav{grid-template-columns:repeat(4,1fr);overflow-x:auto}.nav-item{justify-content:center;white-space:nowrap}.sidebar-user{margin-top:1rem}.main-area{padding:1.1rem}.page-header{align-items:flex-start;flex-direction:column}.content-grid.two,.employee-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.counter{margin-left:0}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.auth-shell{padding:1.2rem;gap:2rem}.auth-copy{padding-top:2rem}.auth-copy h1{font-size:3rem}}@media(max-width:520px){.stats-grid{grid-template-columns:1fr}.sidebar nav{grid-template-columns:repeat(2,1fr)}}