:root{--brand:#1A4C8B;--brand-dark:#12365f;--bg:#eef3f8;--panel:#fff;--ink:#172033;--muted:#68778b;--line:#d8e2ee;--ok:#2f855a;--warn:#b7791f;--bad:#c53030;--blue:#2b6cb0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,Roboto,system-ui,-apple-system,Segoe UI,sans-serif}body.locked .topbar,body.locked .tabs,body.locked main{display:none}.login-screen{position:fixed;inset:0;display:none;place-items:center;padding:24px;background:linear-gradient(135deg,var(--brand-dark),var(--brand))}body.locked .login-screen{display:grid}.login-card{width:min(430px,100%);display:grid;gap:12px;padding:30px;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(18,54,95,.34)}.login-card h1{margin:0;color:var(--brand-dark);font-size:28px}.login-card p{margin:0 0 6px;color:var(--muted)}label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800}input,select,textarea,button{font:inherit;border:1px solid var(--line);border-radius:7px}input,select,textarea{width:100%;padding:9px 10px;background:#fff;color:var(--ink)}textarea{resize:vertical}button,.button{cursor:pointer;background:var(--brand);color:#fff;border-color:var(--brand);padding:9px 14px;font-weight:800}button:hover{filter:brightness(.96)}.ghost{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--brand);border:1px solid #bdd2ea;text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);font-weight:900}.login-mark{background:var(--brand);color:#fff;border:0}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 24px;background:linear-gradient(90deg,var(--brand-dark),var(--brand));color:#fff}.brand{display:flex;align-items:center;gap:12px;min-width:290px}.brand strong{display:block}.brand small{display:block;color:rgba(255,255,255,.76)}.global-search{flex:1;max-width:560px;height:42px;display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24)}.global-search input{border:0;background:transparent;color:#fff}.global-search input::placeholder{color:rgba(255,255,255,.72)}.profile{display:flex;align-items:center;gap:10px}.profile span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--brand);font-weight:900}.profile select{height:38px;min-width:130px;background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.28);color:#fff}.profile select option{color:#172033}.profile button{height:38px;border-radius:999px;background:#fff;color:var(--brand)}.tabs{position:sticky;top:0;z-index:3;display:flex;gap:8px;padding:10px 24px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);box-shadow:0 8px 24px rgba(18,54,95,.06)}.tabs button{min-height:38px;border-radius:999px;background:#fff;color:#29435f;border-color:#d7e4ef}.tabs button.active{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 8px 18px rgba(26,76,139,.18)}main{max-width:1680px;margin:0 auto;padding:24px}.tab{display:none}.tab.active{display:block}.service-header,.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 26px rgba(18,54,95,.06)}.service-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px;margin-bottom:16px}.service-header h1{margin:0 0 6px;color:var(--brand-dark);font-size:30px}.service-header p{margin:0;color:var(--muted)}.eyebrow{color:var(--brand)!important;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.kpis{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin-bottom:14px}.kpi{position:relative;min-height:100px;padding:14px 14px 14px 18px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 22px rgba(18,54,95,.07);overflow:hidden}.kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--brand)}.kpi strong{display:block;font-size:30px;line-height:1.1}.kpi span{color:var(--muted);font-weight:800}.kpi small{float:right;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eaf3ff;color:var(--brand);font-weight:900}.kpi.warn:before{background:#d69e2e}.kpi.bad:before{background:#e53e3e}.kpi.ok:before{background:#38a169}.status-tabs{display:flex;gap:8px;overflow:auto;padding:2px 0 12px}.status-tabs button{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;background:#fff;color:var(--ink);border-color:var(--line);border-radius:999px}.status-tabs button.active{background:var(--brand);color:#fff}.status-tabs strong{min-width:24px;border-radius:999px;padding:2px 7px;background:#edf2f6;color:var(--brand);font-size:12px}.status-tabs button.active strong{background:rgba(255,255,255,.22);color:#fff}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 20px rgba(18,54,95,.05)}.toolbar input{flex:1 1 330px}.toolbar select{flex:1 1 190px}.toolbar input,.toolbar select,.toolbar button{min-height:42px}.workbench{display:grid;grid-template-columns:minmax(390px,.72fr) minmax(620px,1.28fr);gap:18px;align-items:start}.panel{padding:18px}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.panel-title h2{margin:0;color:var(--brand-dark)}.panel-title small{color:var(--muted)}.list-panel{min-height:620px;max-height:calc(100vh - 285px);overflow:auto}.ticket{border:1px solid var(--line);border-left:5px solid var(--brand);border-radius:8px;padding:12px;margin-bottom:10px;background:#fff;cursor:pointer;box-shadow:0 5px 14px rgba(18,54,95,.06)}.ticket:hover{border-color:#a9c7d9;box-shadow:0 8px 20px rgba(15,95,143,.1)}.ticket.selected{background:#eaf3ff;border-color:var(--brand);box-shadow:inset 3px 0 0 var(--brand)}.ticket.incident{border-left-color:#c53030}.ticket.request{border-left-color:#2b6cb0}.ticket-main,.ticket-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.ticket-protocol{color:var(--brand);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:900}.ticket-subject{margin:7px 0;font-weight:700}.type-badge,.status,.soft-badge{display:inline-flex;align-items:center;min-height:23px;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:900}.type-badge.request{background:#e6f0ff;color:#1f5d9f}.type-badge.incident{background:#ffe8e8;color:#b42318}.status,.soft-badge{background:#edf2f7;color:#4a5568}.ticket small{color:var(--muted)}.mini-avatar{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#eaf3ff;color:var(--brand);font-size:11px;font-weight:900}.analyst-chip{display:inline-flex;align-items:center;gap:6px}.sla{border-radius:999px;padding:4px 9px;background:#edf2f7;color:#34445a;font-size:12px;font-weight:900}.sla.ok{background:#e7f5ee;color:var(--ok)}.sla.warn{background:#fff3dd;color:var(--warn)}.sla.bad{background:#fdebea;color:var(--bad)}.ticket-detail{border:1px solid var(--line);border-radius:8px;background:#fbfdff;padding:14px;margin-bottom:14px}.ticket-detail.empty{text-align:center;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.detail-grid div{padding:9px;border-radius:7px;background:#f3f7fb}.detail-grid dt{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.detail-grid dd{margin:3px 0 0;overflow-wrap:anywhere}.readbox{grid-column:1/-1;max-height:140px;overflow:auto;padding:12px;border-radius:8px;background:#eef4fb;line-height:1.55}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.span{grid-column:1/-1}.save-bar{position:sticky;bottom:0;display:flex;align-items:center;gap:12px;padding-top:12px;background:rgba(255,255,255,.96);border-top:1px solid var(--line)}.save-bar button{min-width:210px;min-height:44px;text-transform:uppercase}.ok{color:var(--ok)!important}.bad{color:var(--bad)!important}.dashboard-shell{background:#f6f8fb;border:1px solid #d9e2ec;border-radius:8px;overflow:hidden}.dashboard-hero{display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:14px 18px;color:#fff;background:linear-gradient(90deg,#06437c,#0a5b9d)}.dashboard-hero p,.dashboard-hero span{margin:0;color:rgba(255,255,255,.82);font-size:11px;font-weight:800}.dashboard-hero h1{margin:2px 0;color:#fff;font-size:28px}.dashboard-filters{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr)) 82px;gap:8px;padding:10px;background:#fff;border-bottom:1px solid var(--line);overflow:auto}.dashboard-filters select,.dashboard-filters button{height:34px;padding:5px 8px;border-radius:4px;font-size:12px}.dashboard-layout{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px;padding:8px}.dashboard-kpi-rail{display:grid;align-content:start;gap:6px}.dash-kpi{display:grid;gap:2px;min-height:54px;padding:7px 6px;border:0;border-radius:4px;color:#fff;text-align:center;background:#0b4f83;box-shadow:0 5px 12px rgba(20,65,105,.14)}.dash-kpi span{font-size:10px;font-weight:900;line-height:1.05}.dash-kpi strong{font-size:22px;line-height:1}.dash-kpi.blue{background:#0b4f83}.dash-kpi.yellow{background:#f0b429}.dash-kpi.cyan{background:#1fb6d3}.dash-kpi.green{background:#16a66a}.dash-kpi.gray{background:#9aa6b2}.dash-kpi.red{background:#c53030}.dashboard-main{display:grid;grid-template-columns:2fr .72fr .78fr;gap:8px}.dash-card{min-height:154px;padding:9px 10px;border:1px solid #d6dde5;border-radius:4px;background:#fff;box-shadow:0 3px 10px rgba(18,54,95,.05)}.dash-card h2{margin:0 0 12px;color:#0057b8;font-size:13px;font-weight:900;text-align:center}.dash-card.full{grid-column:1/-1}.dash-card.wide{grid-column:span 1}.dash-card.wide-half{grid-column:span 1}.vbar-chart{height:132px;display:flex;align-items:end;justify-content:space-around;gap:4px;border-bottom:1px solid #d9e2ec;padding-top:6px}.vbar{flex:1;min-width:24px;display:grid;grid-template-rows:18px 95px 18px;justify-items:center;align-items:end;gap:3px;padding:0;border:0;background:transparent;color:#16456f;cursor:pointer;border-radius:4px}.vbar:hover,.hbar:hover,.sla-strip button:hover{background:#eaf3ff}.vbar i{width:70%;min-width:12px;border-radius:2px 2px 0 0}.vbar span{align-self:start;color:#0057b8;font-size:9px;line-height:1;font-weight:900}.vbar small{height:16px;color:#16456f;font-size:9px;font-weight:900;overflow:hidden}.hbar-chart{display:grid;gap:7px;padding:3px 0}.hbar{display:grid;grid-template-columns:minmax(54px,.8fr) minmax(70px,1fr) 36px;align-items:center;gap:7px;padding:0;border:0;background:transparent;color:#173b5f;text-align:left;cursor:pointer;border-radius:4px}.hbar span{font-size:10px;font-weight:900}.hbar i{height:18px;background:#edf3f8}.hbar b{display:block;height:100%}.hbar strong{color:#16456f;font-size:10px}.line-card{min-height:260px}.line-legend{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 4px;color:#16456f;font-size:11px}.line-legend span{display:inline-flex;align-items:center;gap:5px}.line-legend i{width:22px;height:3px}.line-chart{width:100%;height:190px}.line-chart line{stroke:#dce5ee;stroke-width:1}.line-chart polyline{fill:none;stroke-width:2}.sla-strip{display:flex;flex-wrap:wrap;gap:18px;align-items:center;padding:8px 4px}.sla-strip.full{grid-column:1/-1}.sla-strip button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#214765;font-size:11px;font-weight:900;cursor:pointer}.sla-strip i{width:18px;height:18px}.sla-strip strong{color:#0b4f83}.dashboard-table-panel{margin-top:10px}.dashboard-table-panel small{color:var(--muted)}.tableWrap{overflow:auto;max-height:560px;margin-top:12px}table{width:100%;border-collapse:collapse;min-width:1000px}th,td{border-bottom:1px solid var(--line);padding:8px;text-align:left;white-space:nowrap}th{position:sticky;top:0;background:#dcecff;color:var(--brand-dark)}tbody tr:nth-child(even){background:#eef5ff}.table-status,.table-sla{display:inline-flex;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:900;background:#f28c28;color:#fff}.table-sla{background:#4a90e2}.report-toolbar{display:grid;grid-template-columns:170px 170px minmax(190px,1fr) auto auto;gap:12px;align-items:end}.report-wrap{border:1px solid #1b2f45}.comment-report-table th,.comment-report-table td{border:1px solid #1b2f45;vertical-align:middle}.comment-report-table th{background:#dcecff}.comment-report-table .report-date{width:118px;text-align:center;font-size:16px}.comment-report-table .report-lines{white-space:normal;line-height:1.5}.comment-report-table .report-lines div+div{margin-top:3px}.user-form{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:8px}#toast{position:fixed;right:18px;bottom:18px;display:none;padding:10px 14px;border-radius:6px;background:var(--ink);color:#fff;z-index:99}@media(max-width:980px){.workbench,.dashboard-layout,.dashboard-main,.kpis,.form-grid,.report-toolbar,.user-form{grid-template-columns:1fr}.dashboard-filters{grid-template-columns:1fr}.global-search{display:none}.list-panel{max-height:none}.detail-grid{grid-template-columns:1fr}}