:root{
--nav:#101827;--nav-soft:#182235;--nav-line:#263247;--blue:#2563eb;--blue-dark:#1d4ed8;--blue-soft:#eef4ff;
--bg:#f5f7fb;--surface:#fff;--surface-soft:#f9fafc;--line:#e5e9f0;--line-strong:#d7dce5;
--text:#182133;--muted:#697386;--green:#16835d;--amber:#b7791f;--red:#c43c4a;--purple:#6757c8;
--shadow:0 8px 30px rgba(31,42,68,.07);--sidebar:272px;--radius:16px
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;font:14px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}
a{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-dark)}
.app-sidebar{position:fixed;z-index:50;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,#101827,#111c2d);color:#fff;padding:22px 16px 16px;display:flex;flex-direction:column;border-right:1px solid #ffffff0c}
.brand{display:flex;align-items:center;gap:12px;padding:2px 8px 20px;color:#fff!important}
.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#377dff,#2053d6);font-weight:900;font-size:19px;box-shadow:0 8px 20px #2563eb55}
.brand-copy{font-weight:850;letter-spacing:.7px;font-size:17px}.brand-copy small{display:block;color:#8091ad;font-size:9px;letter-spacing:2.4px;margin-top:1px}
.main-nav{flex:1;min-height:0;overflow:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:#33435b transparent}
.nav-section{display:grid;gap:3px;padding:13px 0;border-top:1px solid var(--nav-line)}
.nav-label{text-transform:uppercase;color:#6f819e;font-weight:800;font-size:9px;letter-spacing:1.6px;padding:0 11px 7px}
.main-nav a{display:flex;align-items:center;gap:10px;color:#aebbd0;padding:9px 11px;border-radius:10px;font-weight:600;transition:.16s ease}
.main-nav a>span{width:19px;text-align:center;color:#7185a4;font-size:16px}
.main-nav a:hover{background:#ffffff0a;color:#fff}.main-nav a.active{background:#2763e7;color:#fff;box-shadow:0 6px 18px #0b102055}.main-nav a.active>span{color:#fff}
.main-nav .nav-disabled{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;color:#718099;opacity:.62;cursor:not-allowed;font-weight:600}.main-nav .nav-disabled>span{width:19px;text-align:center}
.nav-count{margin-left:auto;background:#ef5261;color:#fff;min-width:20px;height:20px;display:grid;place-items:center;border-radius:10px;font-size:10px}
.sidebar-user{margin-top:auto;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:15px 8px 2px;border-top:1px solid var(--nav-line)}
.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#263957;color:#fff;font-weight:800;text-decoration:none}.sidebar-user-profile{min-width:0;color:inherit;text-decoration:none;border-radius:8px;padding:4px}.sidebar-user-profile:hover{background:#eef3fb}.sidebar-user strong,.sidebar-user small{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user strong{font-size:12px}.sidebar-user small{color:#7f91ac;font-size:10px}.sidebar-user form{margin:0}
.icon-button{width:32px;height:32px;padding:0;border:0;border-radius:9px;background:#ffffff0a;color:#9babc1;font-size:17px;cursor:pointer}.icon-button:hover{background:#ffffff14;color:#fff}
.app-main{margin-left:var(--sidebar);min-height:100vh;padding:30px 34px 60px}.page-shell{max-width:1540px;margin:0 auto}
header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}header>div:last-child:not(:first-child){display:flex;align-items:center;gap:10px;flex-wrap:wrap}
h1{font-size:28px;line-height:1.2;letter-spacing:-.5px;margin:0;color:#172033}h2{font-size:17px;line-height:1.3;margin:0 0 16px}h3{font-size:15px;margin:0 0 10px}
.muted{color:var(--muted);margin:4px 0}.eyebrow{color:var(--blue);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}
.primary,button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:10px;padding:9px 14px;text-decoration:none;background:var(--blue);color:#fff;font:700 13px/1.3 inherit;cursor:pointer;transition:.15s ease;box-shadow:0 3px 10px #2563eb22}
.primary:hover,button:hover{background:var(--blue-dark);color:#fff;transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed}.full{width:100%}
header a:not(.primary),.actions>a:not(.primary){display:inline-flex;padding:8px 11px;border:1px solid var(--line-strong);border-radius:9px;background:#fff;color:#46536a;font-weight:700}
.cards,.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:22px}
.metric,.stat,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.metric,.stat{position:relative;padding:19px 20px;overflow:hidden}.metric:before,.stat:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#dbe4f3}.metric b,.stat b{display:block;font-size:27px;line-height:1.15;letter-spacing:-.6px;color:#172033}.metric span,.stat span{color:var(--muted);font-size:12px;font-weight:650}.stat{color:inherit;text-decoration:none}.stat:hover{border-color:#b7c9eb;transform:translateY(-1px)}.disabled-action{opacity:.48;cursor:not-allowed;filter:grayscale(.3)}
.metric.warn:before{background:#e6a32f}.metric.danger:before{background:#e14b59}.metric-link{display:block;color:inherit}.metric-link:hover{border-color:#e5a4ab}
.panel{padding:20px 22px;margin-bottom:17px}.panel>h2:first-child{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--line)}
.table-wrap{overflow:auto;margin:0 -4px}table{border-collapse:separate;border-spacing:0;width:100%}th,td{text-align:left;padding:12px 11px;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap}th{position:sticky;top:0;background:var(--surface);z-index:1;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#8490a2;font-weight:800}tbody tr{transition:.12s}tbody tr:hover{background:#f7f9fd}tbody tr:last-child td{border-bottom:0}td a{font-weight:750}
.empty{text-align:center!important;color:var(--muted);padding:36px!important}
.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#eef1f5;color:#556173;font-size:10px;font-weight:800;white-space:nowrap}.badge.high,.badge.critical{background:#fde8eb;color:#a72b39}.badge.low{background:#e5f5ff;color:#17638a}.badge.resolved{background:#e4f7ef;color:#14704f}.badge.closed{background:#eef0f3;color:#596171}
.filters{display:flex;gap:9px;align-items:end;flex-wrap:wrap;margin-bottom:17px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px}.filters>*{min-width:130px}.filters input{flex:1;min-width:210px}.filters button{width:auto}
input,select,textarea{width:100%;border:1px solid var(--line-strong);border-radius:10px;padding:9px 11px;background:#fff;color:var(--text);font:inherit;outline:none;transition:.15s}input:focus,select:focus,textarea:focus{border-color:#73a0ef;box-shadow:0 0 0 3px #2563eb16}textarea{resize:vertical;min-height:90px}
label{font-weight:700;color:#39455a;font-size:12px}form p{display:grid;gap:6px;margin:0 0 14px}form p label{font-size:12px}form .helptext{font-size:11px;color:var(--muted)}form ul.errorlist{color:var(--red);padding-left:18px}
.form-card{max-width:800px}.form-card.panel{padding:26px}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.detail-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.85fr);gap:18px;align-items:start}.description{font-size:15px;line-height:1.75}.sticky{position:sticky;top:20px}
.comment{position:relative;border-top:1px solid var(--line);padding:17px 0}.comment:first-of-type{border-top:0}.comment>div{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.comment span,.timeline span{color:var(--muted);font-size:11px}.comment em{font-style:normal;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#326195;background:#edf5ff;padding:3px 7px;border-radius:9px}.comment.internal{background:#fff9e9;border:1px solid #f3e3b1;padding:14px;border-radius:12px;margin:9px 0}.comment.internal em{background:#f8e9bc;color:#76550d}
.timeline{display:grid;gap:13px}.timeline>div{position:relative;border-left:2px solid #cbdaf5;padding-left:13px}.timeline>div:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--blue);left:-4.5px;top:6px}.timeline p{margin:2px 0}
.message{background:#edf5ff;border:1px solid #cee0ff;color:#214f91;padding:12px 15px;border-radius:12px;margin-bottom:14px}.unread{background:#f4f8ff;border-color:#cddfff}
.kb-card{padding:16px 0;border-bottom:1px solid var(--line)}.kb-card:first-child{padding-top:0}.kb-card:last-child{border-bottom:0;padding-bottom:0}.kb-card h2,.kb-card h3{margin:8px 0}.article-body{font-size:15px;line-height:1.8;max-width:900px}.result-card{text-align:center}.result-score{font-size:60px;font-weight:900;color:var(--blue)}
.roadmap-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:14px;align-items:start}.roadmap-column{min-width:0}.roadmap-column .kb-card{margin:10px 0}.analytics-cards{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}.analytics-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));align-items:end}.analytics-filters label{display:grid;gap:5px}
.auth-main{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,#e2ebff 0,transparent 34%),linear-gradient(145deg,#f8faff,#eef3fa)}.login-card{width:min(430px,94vw);background:#fff;padding:34px;border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 60px #2736531a}.login-card .brand{padding:0 0 24px;color:#172033!important}.login-card .brand-mark{color:#fff}.login-card h1{margin-bottom:6px}
.impersonation-banner{position:relative;z-index:80;margin-left:var(--sidebar);padding:9px 20px;background:#fff2cc;border-bottom:1px solid #e8cc72;display:flex;align-items:center;justify-content:space-between;gap:16px}.impersonation-banner form{margin:0}.impersonation-banner button{padding:6px 10px;background:#8a5b00}.mobile-menu-button{display:none}.sidebar-overlay{display:none}
@media(max-width:1100px){.app-main{padding:24px}.detail-grid{grid-template-columns:1fr}.sticky{position:static}}
@media(max-width:820px){.impersonation-banner{margin-left:0;padding-left:64px;align-items:flex-start}.app-sidebar{transform:translateX(-102%);transition:.22s ease;box-shadow:20px 0 50px #10182733}.sidebar-open .app-sidebar{transform:none}.sidebar-overlay{position:fixed;z-index:40;inset:0;background:#10182788}.sidebar-open .sidebar-overlay{display:block}.mobile-menu-button{display:grid;place-items:center;position:fixed;z-index:35;top:12px;left:12px;width:42px;height:42px;padding:0;border-radius:12px;box-shadow:var(--shadow)}.app-main{margin-left:0;padding:70px 18px 40px}header{gap:14px}.cards,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.app-main{padding-left:12px;padding-right:12px}.cards,.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.metric,.stat{padding:15px}.metric b,.stat b{font-size:23px}.panel{padding:16px;border-radius:13px}header{flex-direction:column;margin-bottom:18px}header>div:last-child:not(:first-child){width:100%}.filters{display:grid;grid-template-columns:1fr}.filters>*{min-width:0}.filters input{min-width:0}.filters button{width:100%}h1{font-size:24px}th,td{padding:10px 8px}.login-card{padding:25px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.priority-client{background:#fff7df!important;border-color:#eabf59!important}
.leave-calendar-panel{padding:0;overflow:hidden}.leave-calendar{overflow:auto;max-height:65vh}.leave-calendar table{min-width:1100px;border-collapse:separate;border-spacing:0}.leave-calendar th,.leave-calendar td{min-width:28px;padding:6px 3px;text-align:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.leave-calendar .employee-column{position:sticky;left:0;z-index:2;min-width:190px;text-align:left;background:#fff;padding-left:12px}.leave-calendar thead th{position:sticky;top:0;z-index:3;background:#f5f7fb}.leave-calendar thead .employee-column{z-index:4}.leave-calendar .employee-column small{display:block;color:var(--muted)}.leave-calendar .weekend{background:#f7f8fa}.leave-cell{font-weight:800}.kind-vacation{background:#dff3e9!important;color:#087451}.kind-sick{background:#ffe5e7!important;color:#a52b3a}.kind-study{background:#ece8ff!important;color:#5e4bb2}.kind-day_off{background:#e4f0ff!important;color:#245f9e}.kind-other{background:#fff0cf!important;color:#8a5a00}.leave-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px}.leave-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--line)}
.select-search{margin-bottom:.4rem}
.app-modal{width:min(760px,calc(100vw - 32px));max-height:88vh;overflow:auto;border:0;border-radius:18px;padding:24px;box-shadow:0 30px 90px #10182755}.app-modal::backdrop{background:#10182799}.small-modal{width:min(520px,calc(100vw - 32px))}.modal-header,.panel-title-row,.modal-actions,.ticket-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-header{margin-bottom:18px}.modal-header h2{margin:0}.modal-header>button{font-size:22px;padding:5px 11px}.modal-actions{justify-content:flex-end;margin-top:20px}.content-tabs{display:flex;gap:8px;margin:-8px 0 18px;border-bottom:1px solid var(--line)}.content-tabs a{padding:10px 14px;border-bottom:3px solid transparent}.content-tabs a.active{border-color:var(--primary);font-weight:700}.ticket-toolbar{margin-bottom:12px}.saved-views{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.saved-views>a,.saved-view{padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:#fff}.saved-view{display:inline-flex;align-items:center;gap:4px}.saved-views .active{font-weight:700;color:var(--primary)}.saved-view form{display:inline}.text-button{padding:0 2px;border:0;background:transparent}.compact-stats{grid-template-columns:repeat(4,minmax(120px,1fr));margin-bottom:12px}.compact-stats .stat{padding:12px 15px}.compact-stats .stat b{font-size:24px}.filter-panel{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:12px 16px}.filter-panel summary{cursor:pointer;font-weight:700}.compact-filters{margin-top:12px;gap:8px}.compact-filters>*{min-width:120px}.ticket-table-panel{padding:0;overflow:hidden}.ticket-table td{vertical-align:top}.ticket-table td small{display:block;color:var(--muted);margin-top:4px}.ticket-tags{display:flex;gap:5px;flex-wrap:wrap;margin:5px 0}.ticket-tags span{font-size:11px;color:var(--muted);background:#eef2f7;border-radius:999px;padding:2px 7px}.ticket-workspace{grid-template-columns:minmax(0,2fr) minmax(280px,.7fr)}.compact-panel{padding:16px}.compact-panel h2{font-size:16px}.quick-facts{margin:12px 0;display:grid;gap:8px}.quick-facts div{display:flex;justify-content:space-between;gap:12px}.quick-facts dt{color:var(--muted)}.quick-facts dd{margin:0;text-align:right;font-weight:600}.response-tools{display:flex;align-items:end;gap:8px;margin:14px 0}.response-tools label{flex:1}.mention-suggestions{display:grid;border:1px solid var(--line);border-radius:10px;padding:5px;margin-top:-12px;margin-bottom:12px;background:white;box-shadow:var(--shadow)}.mention-suggestions button{text-align:left;background:transparent;border:0}.comment-form p:has(input[name="comment-mentions"]){display:none}