:root{--vl-sidebar:#080a0f;--vl-sidebar-soft:#121722;--vl-main:#f6f7f9;--vl-card:#fff;--vl-text:#111827;--vl-muted:#6b7280;--vl-border:#e5e7eb;--vl-accent:#b88948;--vl-accent-strong:#d4af37;--vl-danger:#dc2626;--vl-warning:#d97706;--vl-success:#16a34a;--vl-info:#2563eb;color:var(--vl-text);background:var(--vl-main);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{background:var(--vl-main);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}a{color:inherit}h1,h2,p{margin:0}#root{min-height:100vh}.app-shell{background:var(--vl-main);grid-template-columns:264px minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{color:#f9fafb;background:var(--vl-sidebar);flex-direction:column;gap:28px;padding:22px 16px;display:flex}.brand-block,.auth-brand{align-items:center;gap:12px;display:flex}.brand-block strong,.auth-brand strong{font-size:15px;line-height:1.2;display:block}.brand-block span,.auth-brand span{color:#aeb6c4;margin-top:2px;font-size:12px;display:block}.brand-mark{color:#ffe1ad;background:linear-gradient(135deg,#b8894838,#d4af3714);border:1px solid #d4af3770;border-radius:8px;place-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:grid}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.sidebar-link{color:#cbd5e1;border-radius:8px;align-items:center;gap:10px;min-height:40px;padding:8px 10px;text-decoration:none;display:flex}.sidebar-link:hover,.sidebar-link--active{color:#fff;background:var(--vl-sidebar-soft)}.sidebar-link--active{box-shadow:inset 3px 0 0 var(--vl-accent-strong)}.sidebar-link__icon{place-items:center;width:22px;display:grid}.app-workspace{min-width:0}.top-bar{border-bottom:1px solid var(--vl-border);background:#fff;justify-content:space-between;align-items:center;min-height:64px;padding:0 28px;display:flex}.top-bar strong,.top-bar__eyebrow{display:block}.top-bar__eyebrow{color:var(--vl-muted);margin-bottom:3px;font-size:12px}.top-bar__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.change-password-dialog{gap:12px;min-width:min(100vw - 48px,420px);display:grid}.dialog-muted{color:var(--vl-muted);font-size:13px;line-height:1.4}.main-content{padding:28px}.page-stack,.auth-form{flex-direction:column;gap:18px;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.page-header h1,.auth-form h1{color:var(--vl-text);letter-spacing:0;font-size:26px;font-weight:650;line-height:1.2}.page-header p,.auth-form p,.empty-state p,.work-panel p{color:var(--vl-muted);margin-top:6px;font-size:14px;line-height:1.45}.page-header__actions{align-items:center;gap:10px;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;display:grid}.metric-card{border:1px solid var(--vl-border);background:var(--vl-card);border-radius:8px;min-height:106px}.metric-card__label{color:var(--vl-muted)}.metric-card__value{color:var(--vl-text);margin-top:10px;font-size:32px;line-height:1;display:block}.metric-card--info{border-top:3px solid var(--vl-info)}.metric-card--warning{border-top:3px solid var(--vl-warning)}.metric-card--danger{border-top:3px solid var(--vl-danger)}.metric-card--success{border-top:3px solid var(--vl-success)}.work-grid{grid-template-columns:1.4fr 1fr;gap:14px;display:grid}.work-panel,.empty-state{border:1px solid var(--vl-border);background:var(--vl-card);border-radius:8px;min-height:180px;padding:18px}.work-panel h2,.empty-state h2,.admin-panel h2{color:var(--vl-text);font-size:17px;line-height:1.3}.dashboard-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.dashboard-action-rail{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.dashboard-action-card{--action-tone:var(--vl-info);min-width:0;min-height:78px;color:var(--vl-text);text-align:left;cursor:pointer;box-shadow:inset 0 3px 0 var(--action-tone);background:#fff;border:1px solid #d5dbe5;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:13px 14px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.dashboard-action-card:hover{box-shadow:inset 0 3px 0 var(--action-tone), 0 8px 20px #1118270f;border-color:#b8c4d4;transform:translateY(-1px)}.dashboard-action-card:disabled{cursor:wait;opacity:.74;transform:none}.dashboard-action-card--accent{--action-tone:var(--vl-accent)}.dashboard-action-card--warning{--action-tone:var(--vl-warning)}.dashboard-action-card--success{--action-tone:var(--vl-success)}.dashboard-action-card--neutral{--action-tone:#64748b}.dashboard-action-card__icon{border:1px solid color-mix(in srgb, var(--action-tone) 30%, white);width:38px;height:38px;color:var(--action-tone);background:color-mix(in srgb, var(--action-tone) 9%, white);border-radius:8px;place-items:center;display:grid}.dashboard-action-card strong,.dashboard-action-card small,.dashboard-empty-state strong,.dashboard-empty-state span{display:block}.dashboard-action-card strong{color:var(--vl-text);font-size:14px;line-height:1.3}.dashboard-action-card small{color:var(--vl-muted);margin-top:3px;font-size:12px;line-height:1.35}.dashboard-empty-state{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;gap:4px;padding:18px;display:grid}.dashboard-empty-state strong{color:var(--vl-text);font-size:14px}.dashboard-empty-state span{color:var(--vl-muted);font-size:13px;line-height:1.45}.dashboard-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-live-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr);align-items:start;gap:14px;display:grid}.dashboard-panel--wide{grid-column:1/-1}.dashboard-panel-head{gap:4px;margin-bottom:12px;display:grid}.dashboard-panel-head h2{color:var(--vl-text);font-size:17px;line-height:1.3}.dashboard-panel-head p{color:var(--vl-muted);margin:0;font-size:13px}.dashboard-ageing-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.dashboard-ageing-step{background:#f9fbfc;border:1px solid #dfe7ef;border-radius:8px;gap:8px;min-width:0;padding:12px;display:grid}.dashboard-ageing-step>span{color:var(--vl-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.dashboard-ageing-step strong{color:var(--vl-text);font-size:26px;line-height:1}.dashboard-ageing-step div,.dashboard-bar>span{background:#e8eef5;border-radius:999px;height:8px;overflow:hidden}.dashboard-ageing-step div span,.dashboard-bar>span span{border-radius:inherit;height:100%;display:block}.dashboard-ageing-step div span{background:linear-gradient(90deg, var(--vl-accent), var(--vl-danger))}.dashboard-bars{gap:12px;display:grid}.dashboard-bar{gap:7px;display:grid}.dashboard-bar>div{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.dashboard-bar>div>span{color:var(--vl-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.dashboard-bar strong{color:var(--vl-muted);font-size:12px}.dashboard-bar>span span{background:linear-gradient(90deg, var(--vl-info), var(--vl-success))}.dashboard-ticket-list,.dashboard-attention-list{gap:9px;display:grid}.dashboard-ticket-row{border-bottom:1px solid var(--vl-border);grid-template-columns:minmax(130px,1.25fr) minmax(90px,auto) minmax(100px,auto) minmax(64px,auto) auto;align-items:center;gap:10px;min-width:0;padding:10px 0;display:grid}.dashboard-ticket-row:last-child{border-bottom:0}.dashboard-ticket-row div{gap:3px;min-width:0;display:grid}.dashboard-ticket-row strong,.dashboard-ticket-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dashboard-ticket-row strong{color:var(--vl-text);font-size:13px}.dashboard-ticket-row span{color:var(--vl-muted);font-size:12px}.dashboard-attention-list button{width:100%;color:var(--vl-text);cursor:pointer;text-align:left;background:#f9fbfc;border:1px solid #dfe7ef;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.dashboard-attention-list button:hover{background:#f4f7fb;border-color:#c7d4e2}.dashboard-attention-list span,.dashboard-attention-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.dashboard-attention-list strong{color:var(--vl-danger)}.state-panel{background:var(--vl-main);place-items:center;min-height:100vh;display:grid}.auth-page{background:linear-gradient(90deg, #080a0f0a, transparent 40%), var(--vl-main);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--vl-border);background:#fff;border-radius:8px;gap:24px;width:min(100%,430px);padding:26px}.auth-card--wide{width:min(100%,720px)}.auth-brand{border-bottom:1px solid var(--vl-border);padding-bottom:18px}.auth-brand strong{color:var(--vl-text)}.auth-form{width:100%}.form-grid{gap:14px;display:grid}.form-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-tabs{flex-wrap:wrap;gap:8px;display:flex}.admin-grid{grid-template-columns:minmax(280px,390px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.admin-panel{border:1px solid var(--vl-border);background:var(--vl-card);border-radius:8px;padding:18px}.admin-panel--wide{min-width:0}.button-row,.table-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.form-combobox{width:100%}.form-combobox input{min-height:32px}.form-combobox:hover{border-color:#b9c2cf}.table-wrap{width:100%;overflow-x:auto}.master-list-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.master-list-head p{color:var(--vl-muted);margin-top:4px;font-size:13px}.data-grid-shell{border:1px solid var(--vl-border);background:#fff;border-radius:8px;width:100%;overflow-x:auto}.master-data-grid,.ticket-data-grid{min-width:760px}.ticket-data-grid{min-width:1180px}.master-data-grid [role=row],.ticket-data-grid [role=row]{min-height:48px}.master-data-grid [role=columnheader],.ticket-data-grid [role=columnheader]{color:#374151;background:#f9fafb;font-size:12px;font-weight:650}.master-data-grid [role=row]:hover [role=gridcell],.ticket-data-grid [role=row]:hover [role=gridcell]{background:#fbfcfe}.master-data-grid .grid-row--editing [role=gridcell]{box-shadow:inset 3px 0 0 var(--vl-accent);background:#fff8eb}.grid-muted{color:var(--vl-muted);font-size:13px}.grid-state{color:var(--vl-muted);padding:18px;font-size:14px}.ticket-entry-grid{grid-template-columns:minmax(300px,420px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.ticket-panel{--ticket-panel-accent:var(--vl-accent);--ticket-panel-head-bg:#fffaf0;background:var(--vl-card);border:1px solid #d5dbe5;border-radius:8px;min-width:0;padding:18px;overflow:hidden;box-shadow:0 1px 2px #1118270a}.ticket-panel--customer{--ticket-panel-accent:var(--vl-info);--ticket-panel-head-bg:#eff6ff}.ticket-panel--ticket{--ticket-panel-accent:var(--vl-accent);--ticket-panel-head-bg:#fff7e6}.ticket-panel--wide{min-width:0}.ticket-section-head{background:var(--ticket-panel-head-bg);box-shadow:inset 0 3px 0 var(--ticket-panel-accent);border-bottom:1px solid #dde3ec;justify-content:space-between;align-items:flex-start;gap:12px;margin:-18px -18px 16px;padding:14px 18px 13px;display:flex}.ticket-section-head h2{color:var(--vl-text);font-size:17px;font-weight:700;line-height:1.3}.customer-search-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:12px;display:grid}.customer-result-list{gap:6px;margin-bottom:14px;display:grid}.customer-result{border:1px solid var(--vl-border);width:100%;min-height:42px;color:var(--vl-text);text-align:left;cursor:pointer;background:#fff;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.customer-result:hover{background:#f9fafb;border-color:#cbd5e1}.customer-result span{color:var(--vl-muted);font-size:13px}.ticket-subsection{border-top:1px solid var(--vl-border);gap:12px;padding-top:14px;display:grid}.ticket-subsection--toggle{align-items:start}.ticket-subsection__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ticket-subsection__head h3{color:var(--vl-text);margin:0;font-size:14px;font-weight:650;line-height:1.3}.ticket-subsection__head span{color:var(--vl-muted);font-size:12px}.ticket-subsection__toggle{width:fit-content}.ticket-actions{justify-content:flex-end;display:flex}.attachment-picker{gap:10px;min-width:0;display:grid}.attachment-drop{min-height:74px;color:var(--vl-text);cursor:pointer;background:#f8fbff;border:1px dashed #94a3b8;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;display:flex;position:relative;overflow:hidden}.attachment-drop:hover{border-color:var(--vl-info);background:#f2f7ff}.attachment-drop svg{color:var(--vl-info);flex:none}.attachment-drop span,.attachment-selected-item span,.attachment-existing-main span{gap:3px;min-width:0;display:grid}.attachment-drop strong,.attachment-selected-item strong,.attachment-existing-main strong{overflow-wrap:anywhere;color:var(--vl-text);font-size:13px;line-height:1.35}.attachment-drop small,.attachment-selected-item small,.attachment-existing-main small{color:var(--vl-muted);font-size:12px;line-height:1.35}.attachment-file-input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.attachment-selected-list,.attachment-existing-list{gap:8px;display:grid}.attachment-selected-item,.attachment-existing-item{border:1px solid var(--vl-border);background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:10px;display:grid}.attachment-existing-main{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.attachment-existing-main svg{color:#64748b}.attachment-open-link{border:1px solid var(--vl-border);min-height:32px;color:var(--vl-info);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.attachment-open-link:hover{background:#f8fafc;border-color:#9fb3c8}.ticket-list-filter-panel{box-shadow:inset 0 3px 0 var(--vl-info);background:#fff;border:1px solid #d5dbe5;border-radius:8px;gap:14px;padding:16px 18px 18px;display:grid;container-type:inline-size}.ticket-list-filter-command-row{border-bottom:1px solid var(--vl-border);grid-template-columns:1fr;align-items:end;gap:12px 16px;padding-bottom:14px;display:grid}.ticket-list-filter-grid{grid-template-columns:1fr;align-items:end;gap:14px 16px;display:grid}.ticket-list-filter-field{min-width:0}.ticket-list-filter-field :where(.fui-Input,.fui-Combobox,.fui-SearchBox){width:100%}.ticket-list-filter-actions,.ticket-status-stack{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ticket-list-filter-actions{justify-content:flex-start;justify-self:start;gap:10px;width:fit-content;min-width:0;max-width:100%}.ticket-detail-summary{box-shadow:inset 0 3px 0 var(--vl-accent);background:#fff;border:1px solid #d5dbe5;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;padding:18px;display:grid}.ticket-detail-eyebrow{color:var(--vl-muted);margin-bottom:8px;font-size:12px;display:block}.ticket-detail-summary h2{color:var(--vl-text);font-size:18px;line-height:1.35}.ticket-detail-badges,.ticket-detail-kpis,.detail-mini-list{flex-wrap:wrap;gap:8px;display:flex}.ticket-detail-badges{margin-top:12px}.ticket-detail-kpis{justify-content:flex-end}.ticket-detail-kpis>div{border:1px solid var(--vl-border);background:#f9fafb;border-radius:8px;min-width:118px;padding:10px 12px}.ticket-detail-kpis span,.detail-item span,.ticket-timeline-item span,.detail-mini-list span{color:var(--vl-muted);font-size:12px;display:block}.ticket-detail-kpis strong,.detail-item strong,.detail-mini-list strong{color:var(--vl-text);margin-top:4px;font-size:13px;line-height:1.35;display:block}.ticket-detail-layout{grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start;gap:16px;display:grid}.ticket-detail-main,.ticket-detail-side{gap:16px;min-width:0;display:grid}.ticket-detail-panel{border:1px solid var(--vl-border);background:#fff;border-radius:8px;gap:14px;min-width:0;padding:18px;display:grid}.ticket-detail-panel h2{color:var(--vl-text);font-size:16px;line-height:1.3}.assignment-current{background:#f8fbff;border:1px solid #dbe5ef;border-radius:8px;gap:3px;padding:10px 12px;display:grid}.assignment-current span{color:var(--vl-muted);font-size:12px}.assignment-current strong{color:var(--vl-text);font-size:13px;line-height:1.35}.ticket-action-list{gap:8px;display:grid}.ticket-action-list button{justify-content:flex-start}.report-filter-panel,.report-panel{border:1px solid var(--vl-border);background:#fff;border-radius:8px}.report-filter-panel{padding:14px 18px}.report-filter-grid{grid-template-columns:minmax(150px,180px) minmax(150px,180px) minmax(220px,1fr) auto;align-items:end;gap:12px;display:grid}.report-filter-actions{justify-content:flex-end;gap:8px;display:flex}.reports-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.reports-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);align-items:start;gap:16px;display:grid}.report-panel{gap:14px;min-width:0;padding:18px;display:grid}.report-panel--risk,.report-panel--trend{grid-column:1/-1}.report-panel__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.report-panel__head h2{color:var(--vl-text);font-size:16px;line-height:1.3}.report-panel__head p{color:var(--vl-muted);margin-top:3px;font-size:13px}.report-bars{gap:12px;display:grid}.report-bar{gap:7px;display:grid}.report-bar__label{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.report-bar__label span{min-width:0;color:var(--vl-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.report-bar__label strong{color:var(--vl-muted);font-size:12px}.report-bar__track{background:#edf2f7;border-radius:999px;height:8px;overflow:hidden}.report-bar__track span{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#16a34a);height:100%;display:block}.report-ageing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.report-ageing-cell{background:#f9fbfc;border:1px solid #dfe7ef;border-radius:8px;gap:8px;min-width:0;padding:12px;display:grid}.report-ageing-cell span{color:var(--vl-muted);font-size:12px}.report-ageing-cell strong{color:var(--vl-text);font-size:24px;line-height:1}.report-ageing-cell div{background:#e8eef5;border-radius:999px;height:7px;overflow:hidden}.report-ageing-cell div span{border-radius:inherit;background:linear-gradient(90deg, var(--vl-accent), var(--vl-danger));height:100%;display:block}.delayed-ticket-list{gap:9px;display:grid}.delayed-ticket-item{border-bottom:1px solid var(--vl-border);grid-template-columns:minmax(120px,1.1fr) minmax(130px,1fr) minmax(90px,.8fr) minmax(100px,.8fr) minmax(110px,.8fr) auto;align-items:center;gap:10px;min-width:0;padding:10px 0;display:grid}.delayed-ticket-item:last-child{border-bottom:0}.delayed-ticket-item div{gap:3px;min-width:0;display:grid}.delayed-ticket-item div:nth-child(2){flex-wrap:wrap;gap:6px;display:flex}.delayed-ticket-item strong,.delayed-ticket-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.delayed-ticket-item strong{color:var(--vl-text);font-size:13px}.delayed-ticket-item span{color:var(--vl-muted);font-size:12px}.report-trend{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));align-items:end;gap:12px;min-height:190px;display:grid}.report-trend__item{text-align:center;gap:8px;min-width:0;display:grid}.report-trend__item>span,.report-trend__item strong{color:var(--vl-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.report-trend__bars{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:end;gap:5px;height:126px;padding:8px;display:flex}.report-trend__bar{border-radius:999px 999px 4px 4px;width:12px;min-height:4px}.report-trend__bar--created{background:var(--vl-info)}.report-trend__bar--closed{background:var(--vl-success)}.detail-list{gap:12px 14px;display:grid}.detail-list--two{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-list--three{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-item{min-width:0}.ticket-timeline{gap:0;display:grid;position:relative}.ticket-timeline:before{content:"";background:#dbe4ef;width:2px;position:absolute;top:18px;bottom:18px;left:18px}.ticket-notification-list{gap:10px;display:grid}.ticket-notification-item{border:1px solid var(--vl-border);background:#fbfcfe;border-radius:8px;gap:8px;min-width:0;padding:12px;display:grid}.ticket-notification-item__head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.ticket-notification-item__head>div:first-child{gap:3px;min-width:0;display:grid}.ticket-notification-item__head strong{color:var(--vl-text);font-size:13px}.ticket-notification-item__head span,.ticket-notification-item>span{color:var(--vl-muted);font-size:12px}.ticket-notification-item__badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.ticket-notification-item p{color:var(--vl-text);font-size:13px;line-height:1.45}.ticket-empty-state{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;gap:4px;padding:16px;display:grid}.ticket-empty-state strong,.ticket-empty-state span{display:block}.ticket-empty-state strong{color:var(--vl-text);font-size:14px}.ticket-empty-state span{color:var(--vl-muted);font-size:13px;line-height:1.45}.ticket-timeline-item{--timeline-tone:#64748b;grid-template-columns:38px minmax(0,1fr);gap:12px;min-width:0;padding:0 0 14px;display:grid;position:relative}.ticket-timeline-item:last-child{padding-bottom:0}.ticket-timeline-item--success{--timeline-tone:var(--vl-success)}.ticket-timeline-item--danger{--timeline-tone:var(--vl-danger)}.ticket-timeline-item--info{--timeline-tone:var(--vl-info)}.ticket-timeline-item--warning{--timeline-tone:var(--vl-warning)}.ticket-timeline-marker{z-index:1;border:1px solid color-mix(in srgb, var(--timeline-tone) 35%, white);width:36px;height:36px;color:var(--timeline-tone);background:#fff;border-radius:999px;place-items:center;display:grid;box-shadow:0 0 0 4px #fff}.ticket-timeline-body{min-width:0;box-shadow:inset 3px 0 0 var(--timeline-tone);background:#fbfcfe;border:1px solid #dce3ec;border-radius:8px;gap:8px;padding:12px;display:grid}.ticket-timeline-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ticket-timeline-head>div{gap:2px;min-width:0;display:grid}.ticket-timeline-head strong{color:var(--vl-text);font-size:14px;line-height:1.3}.ticket-timeline-item p{color:var(--vl-text);font-size:13px;line-height:1.45}.ticket-timeline-status{font-weight:650;color:var(--timeline-tone)!important}.ticket-timeline-meta{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.notification-filter-panel{min-width:0;box-shadow:inset 0 3px 0 var(--vl-info);background:#fff;border:1px solid #d5dbe5;border-radius:8px;gap:14px;padding:16px 18px;display:grid}.notification-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.notification-summary-card{--notification-tone:var(--vl-info);min-height:86px;box-shadow:inset 0 3px 0 var(--notification-tone);background:#fff;border:1px solid #d5dbe5;border-radius:8px;gap:8px;padding:14px;display:grid}.notification-summary-card--success{--notification-tone:var(--vl-success)}.notification-summary-card--danger{--notification-tone:var(--vl-danger)}.notification-summary-card--warning{--notification-tone:var(--vl-warning)}.notification-summary-card span{color:var(--vl-muted);font-size:12px;font-weight:650}.notification-summary-card strong{color:var(--vl-text);font-size:28px;line-height:1}.notification-quick-row{border-bottom:1px solid var(--vl-border);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding-bottom:14px;display:grid}.notification-quick-row>div{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.notification-quick-row span{color:var(--vl-muted);text-transform:uppercase;font-size:12px;font-weight:700}.notification-filter-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));align-items:end;gap:12px;display:grid}.notification-filter-grid :where(.fui-Input){width:100%}.notification-filter-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px;display:flex}.notification-log-table{min-width:1120px}.notification-empty-state{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;gap:4px;padding:16px;display:grid}.notification-empty-state strong{color:var(--vl-text);font-size:14px}.notification-empty-state span{color:var(--vl-muted);font-size:13px;line-height:1.45}.notification-error-text{color:var(--vl-danger);margin-top:4px;font-size:12px;line-height:1.35;display:block}.email-template-workbench{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:20px;display:grid}.email-template-sidebar,.email-template-preview-panel,.email-template-text-panel{border:1px solid var(--vl-border);background:var(--vl-card);border-radius:8px}.email-template-sidebar{gap:16px;padding:16px;display:grid;position:sticky;top:24px}.email-template-sidebar__head{border-bottom:1px solid var(--vl-border);align-items:center;gap:12px;padding-bottom:14px;display:flex}.email-template-sidebar__head svg{color:var(--vl-accent)}.email-template-sidebar__head strong,.email-template-command h2,.email-template-text-panel h3{color:var(--vl-text)}.email-template-sidebar__head span,.email-template-command p,.email-template-subject span{color:var(--vl-muted)}.email-template-sidebar__head strong,.email-template-sidebar__head span{display:block}.email-template-sidebar__head span{margin-top:2px;font-size:12px}.email-template-list{gap:10px;display:grid}.email-template-list-item{border:1px solid var(--vl-border);text-align:left;cursor:pointer;background:#fff;border-radius:8px;width:100%;padding:12px;transition:border-color .16s,box-shadow .16s,background-color .16s}.email-template-list-item:hover,.email-template-list-item--active{border-color:var(--vl-info);box-shadow:inset 3px 0 0 var(--vl-info);background:#f7fbff}.email-template-list-item span,.email-template-list-item small{display:block}.email-template-list-item span{color:var(--vl-text);margin-bottom:4px;font-weight:700}.email-template-list-item small{color:var(--vl-muted);line-height:1.45}.email-template-preview-panel{min-width:0;padding:18px}.email-template-command{border-bottom:1px solid var(--vl-border);grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:start;gap:18px;padding-bottom:18px;display:grid}.email-template-command h2{margin:10px 0 6px;font-size:22px;line-height:1.2}.email-template-command p{margin:0;line-height:1.5}.email-template-subject{border:1px solid var(--vl-border);background:#f8fafc;border-radius:8px;padding:12px}.email-template-subject span,.email-template-subject strong{display:block}.email-template-subject span{text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:12px;font-weight:700}.email-template-subject strong{color:var(--vl-text);line-height:1.4}.email-preview-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:18px;margin-top:18px;display:grid}.email-preview-desktop,.email-preview-mobile{gap:10px;min-width:0;display:grid}.email-preview-frame-head{color:var(--vl-muted);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.email-preview-desktop iframe{background:#f3f6fa;border:1px solid #cfd6e3;border-radius:8px;width:100%;height:740px}.email-phone-shell{background:#111827;border-radius:18px;width:100%;max-width:360px;margin:0 auto;padding:12px;box-shadow:0 18px 42px #1118272e}.email-phone-shell iframe{background:#fff;border:0;border-radius:12px;width:100%;height:640px}.email-template-text-panel{margin-top:18px;padding:16px}.email-template-text-panel h3{margin:0 0 10px;font-size:16px}.email-template-text-panel pre{white-space:pre-wrap;color:var(--vl-muted);margin:0;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.55}.detail-mini-list{flex-direction:column}.detail-mini-list>div{border-bottom:1px solid var(--vl-border);padding:10px 0}.detail-mini-list>div:last-child{border-bottom:0}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th,.data-table td{border-bottom:1px solid var(--vl-border);text-align:left;vertical-align:top;padding:11px 12px}.data-table th{color:#374151;text-transform:uppercase;background:#f9fafb;font-size:12px;font-weight:650}.data-table strong,.table-muted{display:block}.table-muted{color:var(--vl-muted);margin-top:3px;font-size:12px}.auth-link{width:fit-content;color:var(--vl-info);font-size:14px;text-decoration:none}.auth-link:hover{text-decoration:underline}@media (width<=980px){.app-shell{grid-template-columns:1fr}.app-sidebar{z-index:2;gap:14px;position:sticky;top:0}.sidebar-nav{flex-flow:wrap}.metric-grid,.work-grid,.admin-grid,.ticket-entry-grid,.dashboard-live-grid,.dashboard-summary-grid,.dashboard-ageing-rail,.reports-layout,.reports-summary-grid,.report-filter-grid,.report-ageing-grid,.notification-summary-grid,.notification-quick-row,.form-grid--three,.form-grid--two{grid-template-columns:1fr}.ticket-list-filter-actions{justify-content:flex-start}.ticket-detail-summary,.ticket-detail-layout,.detail-list--two,.detail-list--three{grid-template-columns:1fr}.ticket-detail-kpis{justify-content:flex-start}.report-panel--risk,.report-panel--trend{grid-column:auto}.delayed-ticket-item{grid-template-columns:1fr}.report-filter-actions{justify-content:flex-start}.notification-filter-grid{grid-template-columns:1fr}.notification-filter-actions{justify-content:flex-start}.email-template-workbench,.email-template-command,.email-preview-grid{grid-template-columns:1fr}.email-template-sidebar{position:static}.email-preview-mobile{max-width:390px}.dashboard-panel--wide{grid-column:auto}.dashboard-header-actions{justify-content:flex-start}.top-bar{flex-wrap:wrap;gap:12px;padding:14px 18px}.top-bar__actions{justify-content:flex-start}.dashboard-ticket-row{grid-template-columns:1fr}}@container (width>=560px){.ticket-list-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width>=760px){.ticket-list-filter-command-row{grid-template-columns:minmax(320px,540px) minmax(max-content,1fr)}.ticket-list-filter-actions{justify-content:flex-end;justify-self:end}}@container (width>=720px){.ticket-list-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (width>=920px){.ticket-list-filter-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.technician-filter-grid,.employee-filter-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),320px));justify-content:start}.technician-work-grid,.employee-ticket-grid{min-width:1040px}.login-shell{background:var(--vl-main);grid-template-columns:minmax(460px,1.05fr) minmax(400px,.9fr);min-height:100vh;display:grid}.login-brand-panel{color:#f4f6fb;background:radial-gradient(circle at 16% 8%, #d4af3738, transparent 42%), radial-gradient(circle at 92% 96%, #b8894833, transparent 46%), linear-gradient(155deg, #0d1118 0%, var(--vl-sidebar) 56%, #04060a 100%);border-right:1px solid #d4af372e;flex-direction:column;justify-content:space-between;gap:40px;padding:56px 52px;animation:.56s both login-panel-in;display:flex;position:relative;overflow:hidden}.login-brand-panel:before{content:"";background:linear-gradient(90deg, var(--vl-accent), var(--vl-accent-strong), transparent 80%);height:3px;position:absolute;inset:0 0 auto}.login-brand-panel:after{content:"";pointer-events:none;background-image:radial-gradient(#ffffff0b 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(150deg,#000 5%,#0000 72%);mask-image:linear-gradient(150deg,#000 5%,#0000 72%)}.login-brand-head,.login-brand-body,.login-brand-footer{z-index:1;position:relative}.login-brand-head{align-items:center;gap:14px;display:flex}.login-brand-panel .brand-mark{color:#ffe9c2;letter-spacing:.04em;background:linear-gradient(150deg, #d4af3752, #b8894814), var(--vl-sidebar-soft);border:1px solid #d4af378c;border-radius:14px;width:52px;height:52px;font-size:18px;box-shadow:inset 0 1px #ffffff29,0 6px 16px #00000057}.login-brand-head strong{color:#fff;font-size:18px;line-height:1.2;display:block}.login-brand-head span{color:#aeb6c4;margin-top:3px;font-size:13px;display:block}.login-brand-body{gap:16px;max-width:440px;display:grid}.login-brand-eyebrow{color:var(--vl-accent-strong);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:700}.login-brand-headline{color:#fff;letter-spacing:-.01em;margin:0;font-size:clamp(26px,2.6vw,34px);font-weight:680;line-height:1.2}.login-brand-sub{color:#aeb6c4;max-width:420px;margin:0;font-size:14px;line-height:1.6}.login-brand-features{gap:14px;margin:10px 0 0;padding:0;list-style:none;display:grid}.login-brand-feature{color:#d3d9e3;align-items:center;gap:12px;font-size:14px;line-height:1.4;display:flex}.login-brand-feature__icon{background:#d4af371f;border:1px solid #d4af374d;border-radius:999px;flex:none;place-items:center;width:30px;height:30px;display:grid}.login-brand-feature__icon svg{color:var(--vl-accent-strong);font-size:18px}.login-brand-footer{color:#7e8696;font-size:12px}.login-form-panel{background:radial-gradient(circle at 50% -10%,#b889480f,#0000 60%),linear-gradient(#fbfbfd 0%,#f3f5f8 100%);place-items:safe center center;min-width:0;padding:40px 32px;display:grid;overflow-y:auto}.login-card{border:1px solid var(--vl-border);background:#fff;border-radius:16px;width:min(100%,424px);padding:40px 36px;animation:.56s 90ms both login-form-in;box-shadow:0 20px 50px #1118271a,0 2px 6px #1118270a}.login-form{flex-direction:column;gap:20px;width:100%;display:flex}.login-form-head{gap:6px;display:grid}.login-form-eyebrow{color:var(--vl-accent);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}.login-form-head h1{color:var(--vl-text);letter-spacing:-.01em;font-size:30px;font-weight:680;line-height:1.12}.login-form-head p{color:var(--vl-muted);font-size:14px}.login-fields{flex-direction:column;gap:16px;display:flex}.login-fields .fui-Field__label{margin-bottom:4px;font-weight:600}.login-fields .fui-Input{border-radius:8px}.login-fields input:-webkit-autofill{-webkit-text-fill-color:var(--vl-text);caret-color:var(--vl-text);transition:background-color 9999s ease-out;-webkit-box-shadow:inset 0 0 0 1000px #fff}.login-fields input:-webkit-autofill:hover{-webkit-text-fill-color:var(--vl-text);caret-color:var(--vl-text);transition:background-color 9999s ease-out;-webkit-box-shadow:inset 0 0 0 1000px #fff}.login-fields input:-webkit-autofill:focus{-webkit-text-fill-color:var(--vl-text);caret-color:var(--vl-text);transition:background-color 9999s ease-out;-webkit-box-shadow:inset 0 0 0 1000px #fff}.login-alert:empty{display:none}.login-capslock{color:var(--vl-warning);align-items:center;gap:6px;font-size:12px;display:flex}.login-capslock svg{font-size:16px}.login-submit{width:100%;height:46px;transition:transform .14s,box-shadow .14s,filter .14s;box-shadow:0 8px 18px #b8894852;background:linear-gradient(135deg, #c79a52 0%, var(--vl-accent) 100%)!important;color:#1b130a!important;border:0!important;border-radius:10px!important;font-size:15px!important;font-weight:700!important}.login-submit:hover{transform:translateY(-1px);box-shadow:0 12px 24px #b889486b;background:linear-gradient(135deg, var(--vl-accent-strong) 0%, #c79a52 100%)!important}.login-submit:active{transform:translateY(0);box-shadow:0 5px 12px #b889484d}.login-submit:focus-visible{outline-offset:2px;outline:2px solid #1b130a}.login-submit:disabled{filter:grayscale(.25)opacity(.7);box-shadow:none;transform:none}.login-form-foot{flex-direction:column;gap:10px;padding-top:4px;display:flex}.login-link{width:fit-content;color:var(--vl-info);font-size:14px;font-weight:600;text-decoration:none}.login-link:hover{text-decoration:underline}.login-help{color:var(--vl-muted);font-size:13px}@keyframes login-panel-in{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}@keyframes login-form-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.login-brand-panel,.login-card{animation:none}.login-submit{transition:none}}@media (width<=860px){.login-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.login-brand-panel{flex-direction:row;justify-content:flex-start;align-items:center;gap:14px;padding:16px 20px}.login-brand-panel:after{display:none}.login-brand-panel .brand-mark{width:42px;height:42px}.login-brand-body,.login-brand-footer{display:none}.login-form-panel{align-items:start;padding:28px 18px 44px}.login-card{padding:28px 24px;box-shadow:0 12px 32px #11182714}}