:root{color-scheme:dark;--bg:#10151c;--surface:#171e27;--surface-2:#1c2530;--surface-3:#222d39;--line:#2a3542;--text:#e8edf2;--muted:#8e9aa8;--dim:#637181;--green:#54d6a1;--green-soft:#183a31;--blue:#74b7ff;--blue-soft:#1c3348;--amber:#f0bb61;--amber-soft:#3a3020;--red:#ff7777;--red-soft:#3a2428;--purple:#b49aff;--purple-soft:#302842;--radius:10px;--font:'DM Sans',system-ui,sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px}button,input,select,textarea{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:238px;flex:0 0 238px;background:#131920;border-right:1px solid var(--line);padding:21px 13px 12px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--text);padding:0 11px 31px}.brand strong{display:block;font-size:14px;letter-spacing:1.6px}.brand-light{font-weight:400;color:#9aa8b5}.brand small{display:block;color:#627181;font:9px var(--mono);letter-spacing:1.1px;margin-top:4px}.brand-mark{width:28px;height:28px;border:1px solid #32534a;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:2px;background:#172921}.brand-mark span{display:block;width:3px;border-radius:4px;background:var(--green)}.brand-mark span:nth-child(1){height:9px}.brand-mark span:nth-child(2){height:15px}.brand-mark span:nth-child(3){height:11px}.sidebar-label{font:10px var(--mono);letter-spacing:1.15px;color:#5f6c79;padding:0 11px;margin-bottom:9px}.tools-label{margin-top:30px}.main-nav{display:grid;gap:3px}.nav-item{background:transparent;border:0;text-align:left;display:flex;align-items:center;gap:12px;padding:10px 11px;border-radius:7px;color:#96a2ae;cursor:pointer;transition:.15s}.nav-item:hover{color:var(--text);background:var(--surface-2)}.nav-item.active{background:#202a34;color:var(--text);box-shadow:inset 2px 0 var(--green)}.nav-icon{width:16px;text-align:center;font-size:16px;color:#738291}.active .nav-icon{color:var(--green)}.nav-count{margin-left:auto;background:#2a453c;color:#8de2bd;padding:2px 7px;border-radius:12px;font:10px var(--mono)}.nav-count.muted{background:#26303b;color:#8b9aaa}.sidebar-bottom{margin-top:auto}.oncall-card,.user-card{width:100%;display:flex;align-items:center;gap:10px;padding:11px 10px;border:1px solid var(--line);background:#171e26;border-radius:8px;margin-bottom:9px;text-align:left}.oncall-dot{width:7px;height:7px;background:var(--green);box-shadow:0 0 10px #54d6a180;border-radius:50%;margin:0 3px}.oncall-card b,.user-card b{display:block;font-size:11px;font-weight:600}.oncall-card small,.user-card small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.more{margin-left:auto;color:var(--muted);font-size:19px}.user-card{cursor:pointer;border-color:transparent;background:transparent;margin:0}.user-card:hover{background:var(--surface-2)}.avatar,.top-avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#29364a;color:#abc9f4;font:10px var(--mono)}.chevron{margin-left:auto;color:var(--muted)}.main-area{min-width:0;flex:1}.topbar{height:61px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#121820}.breadcrumb{display:flex;gap:11px;align-items:center;color:#6f7c89;font-size:12px}.breadcrumb b{font-weight:400;color:#46515e}.breadcrumb strong{font-weight:500;color:#dce3e9}.top-actions{display:flex;align-items:center;gap:11px}.api-connect{white-space:nowrap;font-size:9px;padding:7px 8px}.api-connect.connected{background:#183a31;border-color:#32604d;color:#8de2bd}.global-search{height:33px;width:245px;display:flex;align-items:center;gap:8px;padding:0 8px;background:#1a222c;border:1px solid #2a3540;border-radius:6px;color:#81909f}.global-search input{border:0;outline:0;background:transparent;color:var(--text);width:100%;font-size:11px}.global-search input::placeholder{color:#72808e}.global-search>span{font-size:20px}.global-search kbd{font:10px var(--mono);border:1px solid #3c4856;border-radius:4px;padding:2px 5px;color:#82909e}.icon-button{position:relative;border:0;background:transparent;color:#a2adba;font-size:17px;width:28px;height:30px;cursor:pointer;border-radius:6px}.icon-button:hover{background:var(--surface-2);color:white}.notification-button i{position:absolute;right:5px;top:5px;width:5px;height:5px;background:var(--green);border-radius:50%}.top-avatar{border-radius:50%;width:27px;height:27px;font-size:9px}.view{max-width:1500px;margin:0 auto;padding:28px 32px 48px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:23px}.eyebrow{font:10px var(--mono);color:#80909f;letter-spacing:1.1px;text-transform:uppercase;margin-bottom:8px}.page-heading h1{font-size:24px;margin:0 0 6px;letter-spacing:-.7px;font-weight:600}.page-heading p{color:var(--muted);margin:0;font-size:12px}.heading-actions{display:flex;gap:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border-radius:6px;border:1px solid var(--line);background:#1b242e;color:#d8e0e8;font-size:11px;font-weight:600;cursor:pointer;transition:.15s}.btn:hover{border-color:#586775;background:#242f3a}.btn.primary{background:#4cc594;border-color:#4cc594;color:#102219}.btn.primary:hover{background:#64d6a5}.btn.ghost{background:transparent}.btn.danger{border-color:#60363a;background:#322126;color:#ffaaaa}.btn.small{padding:6px 9px;font-size:10px}.btn:disabled{opacity:.45;cursor:not-allowed}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:19px}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:15px 16px;min-height:97px}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#8e9ca9;font-size:11px}.metric-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#22332e;color:var(--green);font-size:13px}.metric-value{font-size:25px;font-weight:600;letter-spacing:-1px;margin-top:8px}.metric-note{font:10px var(--mono);color:#7b8997;margin-top:3px}.metric-note.good{color:var(--green)}.metric-note.warn{color:var(--amber)}.content-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.8fr);gap:14px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0}.panel-head{padding:15px 17px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-head h2{font-size:12px;margin:0;font-weight:600}.panel-head .subhead{color:var(--muted);font-size:10px;margin-top:4px}.text-link{border:0;background:transparent;color:var(--green);font-size:10px;cursor:pointer}.attention-list{padding:3px 15px}.attention-row{display:grid;grid-template-columns:26px minmax(0,1fr) 72px 45px;gap:9px;align-items:center;padding:13px 3px;border-bottom:1px solid #252f3a}.attention-row:last-child{border-bottom:0}.attention-symbol{color:var(--amber);font-size:14px}.attention-title{font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attention-meta{font-size:10px;color:var(--muted);margin-top:4px}.sla-text{font:10px var(--mono);color:var(--amber);text-align:right}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.7px;color:#758391;font:9px var(--mono);padding:10px 13px;border-bottom:1px solid var(--line);background:#18202a}.data-table td{padding:11px 13px;border-bottom:1px solid #252f3a;font-size:11px}.data-table tbody tr{cursor:pointer;transition:.12s}.data-table tbody tr:hover{background:#202a34}.data-table tbody tr:last-child td{border-bottom:0}.ticket-number{font:10px var(--mono);color:#9cabb9}.ticket-title{font-weight:600;color:#e0e7ed;max-width:290px;overflow:hidden;text-overflow:ellipsis}.table-muted{color:#94a1ae}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:4px;padding:4px 6px;font:9px var(--mono);text-transform:uppercase;letter-spacing:.3px}.badge::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.sev-critical,.priority-p1{color:#ff8787;background:#402629}.sev-high,.priority-p2{color:#f1b76a;background:#3e3020}.sev-medium,.priority-p3{color:#83baff;background:#20344b}.sev-low,.priority-p4,.sev-info{color:#9ba7b5;background:#2b333d}.status-chip{color:#b5c0ca;background:#29323c}.status-chip.green{color:#75ddb1;background:#1c3b32}.status-chip.blue{color:#8dbfff;background:#20364d}.status-chip.amber{color:#efc071;background:#3d3221}.status-chip.red{color:#ff9999;background:#40272a}.sla-bar{height:4px;background:#303b47;border-radius:4px;overflow:hidden;width:75px;margin-top:5px}.sla-bar span{display:block;height:100%;background:var(--green)}.sla-bar span.risk{background:var(--amber)}.sla-bar span.breach{background:var(--red)}.small-stat{font:10px var(--mono);color:#9ba8b5}.side-stack{display:grid;gap:13px;align-content:start}.approval-item{padding:13px 16px;border-bottom:1px solid #252f3a}.approval-item:last-child{border:0}.approval-title{font-size:11px;font-weight:600}.approval-meta{color:var(--muted);font-size:10px;margin-top:5px}.approval-actions{display:flex;gap:6px;margin-top:10px}.activity-list{padding:5px 16px 10px}.activity{display:grid;grid-template-columns:11px 1fr;gap:9px;padding:9px 0}.activity-line{position:relative;width:8px;height:8px;border:2px solid #4fcb9d;border-radius:50%;margin-top:3px}.activity:not(:last-child) .activity-line::after{content:'';position:absolute;width:1px;background:#384a4a;height:27px;top:6px;left:1px}.activity-copy{color:#c3ccd4;font-size:10px;line-height:1.5}.activity-copy strong{color:#e4ebef}.activity-copy time{display:block;color:#778593;font:9px var(--mono);margin-top:3px}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:12px}.filter-select,.filter-input{border:1px solid var(--line);background:#19212b;color:#cbd5de;border-radius:6px;padding:8px 10px;font-size:10px;outline:none}.filter-input{min-width:220px}.segmented{display:flex;background:#171f28;border:1px solid var(--line);padding:3px;border-radius:6px}.segmented button{border:0;background:transparent;color:#82909e;padding:5px 9px;border-radius:4px;font-size:10px;cursor:pointer}.segmented button.selected{background:#303d49;color:#e5edf3}.selection-bar{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;margin-bottom:10px;background:#1a2929;border:1px solid #2e4d45;border-radius:7px;color:#a5d7c2;font-size:10px}.selection-actions{display:flex;gap:7px}.checkbox{accent-color:var(--green);width:13px;height:13px}.alert-main{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.75fr);gap:13px}.alert-row.selected{background:#1e302c}.alert-preview{padding:18px}.preview-top{display:flex;justify-content:space-between;align-items:flex-start}.preview-top h3{font-size:15px;margin:7px 0 6px;line-height:1.4}.preview-source{color:var(--muted);font-size:10px}.preview-section{border-top:1px solid var(--line);padding-top:13px;margin-top:15px}.preview-section h4{font:9px var(--mono);color:#8694a2;letter-spacing:.8px;margin:0 0 9px}.entity-pills{display:flex;gap:6px;flex-wrap:wrap}.entity-pill{font:10px var(--mono);padding:5px 7px;border:1px solid #34404d;background:#202a34;border-radius:4px;color:#b8c5d1}.intel-row{display:flex;justify-content:space-between;color:#b5c1cb;font-size:10px;padding:6px 0}.intel-row b{font:10px var(--mono);color:var(--amber)}.preview-actions{display:flex;gap:8px;margin-top:17px}.empty-state{text-align:center;padding:45px 15px;color:var(--muted)}.empty-state strong{display:block;color:#d7e0e7;font-size:12px;margin-bottom:6px}.empty-state span{font-size:10px}.detail-header{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:17px 19px;margin-bottom:13px}.detail-title-row{display:flex;justify-content:space-between;gap:14px}.detail-title{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.detail-title h1{font-size:18px;margin:0;font-weight:600}.detail-id{font:10px var(--mono);color:#91a0ae}.detail-controls{display:flex;gap:7px;align-items:center}.detail-sla{border-top:1px solid var(--line);margin-top:14px;padding-top:13px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.sla-metric{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:10px;color:#a5b0bc}.sla-metric strong{font:11px var(--mono);color:#e1e8ed}.sla-track{height:5px;background:#2c3742;border-radius:4px;overflow:hidden}.sla-track span{display:block;height:100%;background:var(--green)}.sla-track span.warn{background:var(--amber)}.detail-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);gap:13px}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 14px;overflow:auto}.tab{border:0;background:transparent;color:#8996a3;padding:12px 10px 11px;font-size:10px;white-space:nowrap;border-bottom:2px solid transparent;cursor:pointer}.tab.active{color:#dce6ec;border-bottom-color:var(--green)}.tab-count{font:9px var(--mono);color:#738392;margin-left:4px}.detail-body{padding:16px 18px}.detail-section{margin-bottom:18px}.detail-section:last-child{margin-bottom:0}.detail-section h3{font:10px var(--mono);letter-spacing:.7px;text-transform:uppercase;color:#8b99a6;margin:0 0 11px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field-label{font-size:9px;color:#748392;margin-bottom:5px}.field-value{font-size:11px;color:#d4dde4}.description-copy{line-height:1.6;color:#b4c0ca;font-size:11px}.playbook-step{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #27313b;font-size:10px;color:#bdc8d0}.playbook-step input{accent-color:var(--green)}.timeline{display:grid;gap:0}.timeline-row{display:grid;grid-template-columns:57px 12px 1fr;gap:9px;padding:8px 0}.timeline-time{font:9px var(--mono);color:#778694;padding-top:2px}.timeline-dot{width:7px;height:7px;border:1.5px solid var(--green);border-radius:50%;margin:3px auto 0;position:relative}.timeline-row:not(:last-child) .timeline-dot:after{content:'';position:absolute;top:6px;left:2px;width:1px;height:30px;background:#3c4b4a}.timeline-text{font-size:10px;color:#bdc7d0;line-height:1.5}.timeline-text strong{color:#e1e8ed}.comment-form{display:flex;gap:7px;margin-top:10px}.comment-form input{flex:1;min-width:0;background:#18212a;border:1px solid var(--line);border-radius:6px;padding:8px 10px;color:var(--text);font-size:10px;outline:none}.side-card{padding:15px}.side-card h3{font:10px var(--mono);color:#8b99a6;letter-spacing:.6px;margin:0 0 13px}.side-card+.side-card{margin-top:12px}.side-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #27313b;font-size:10px;color:#aebac4}.side-row:last-child{border:0;padding-bottom:0}.side-row strong{font-weight:500;color:#e1e8ed}.observable{font:10px var(--mono);color:#d2dce4}.verdict{font:9px var(--mono);color:var(--red)}.right-actions{display:grid;gap:7px}.right-actions .btn{width:100%;justify-content:flex-start}.kanban{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:10px;overflow:auto;padding-bottom:9px}.kanban-col{background:#151c24;border:1px solid var(--line);border-radius:8px;min-height:310px}.kanban-head{display:flex;justify-content:space-between;padding:11px;border-bottom:1px solid var(--line);font-size:10px;font-weight:600}.kanban-head span{font:9px var(--mono);color:#7b8997}.kanban-card{margin:8px;padding:11px;background:#1d2630;border:1px solid #2c3946;border-radius:6px;cursor:pointer}.kanban-card:hover{border-color:#586979}.kanban-card strong{display:block;font-size:10px;line-height:1.5;margin:8px 0}.kanban-meta{display:flex;justify-content:space-between;color:#84919e;font:9px var(--mono)}.handover-summary{padding:17px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.handover-stat{padding:13px;background:#1b252f;border-radius:7px}.handover-stat span{display:block;color:var(--muted);font-size:10px}.handover-stat b{display:block;font-size:20px;margin-top:5px}.chart-placeholder{height:160px;padding:20px;display:flex;align-items:flex-end;gap:12px;border-top:1px solid var(--line)}.bar-wrap{flex:1;height:100%;display:flex;align-items:flex-end;gap:3px;position:relative}.bar{flex:1;min-width:5px;border-radius:3px 3px 0 0;background:linear-gradient(0deg,#347a65,#55d5a1);opacity:.78}.bar-labels{display:flex;justify-content:space-between;padding:0 18px 14px;color:#768491;font:9px var(--mono)}.toast{position:fixed;right:23px;bottom:22px;padding:11px 15px;background:#26352f;color:#b1f0d2;border:1px solid #406956;border-radius:7px;box-shadow:0 8px 30px #0005;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none;z-index:30;font-size:11px}.toast.show{opacity:1;transform:translateY(0)}.modal-backdrop{position:fixed;inset:0;background:#080b0fcc;z-index:20;display:grid;place-items:center;padding:16px}.modal{width:min(510px,100%);background:#1a222b;border:1px solid #374451;border-radius:11px;box-shadow:0 22px 80px #0008}.modal-head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-head h2{font-size:14px;margin:0}.modal-close{background:none;border:0;color:#84919e;font-size:18px;cursor:pointer}.modal-body{padding:17px 18px;display:grid;gap:12px}.form-field label{display:block;font-size:10px;color:#a6b2bd;margin-bottom:6px}.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid #34414e;background:#141b23;color:#e1e8ed;border-radius:6px;padding:9px 10px;outline:none;font-size:11px}.form-field textarea{min-height:76px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-foot{padding:12px 18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.light-theme{--bg:#eef2f3;--surface:#fff;--surface-2:#f4f7f8;--surface-3:#e9eff1;--line:#dbe2e5;--text:#1f2d35;--muted:#687781;--dim:#8a979f}.light-theme .sidebar,.light-theme .topbar{background:#f8fafb}.light-theme .sidebar{border-color:var(--line)}.light-theme .nav-item{color:#53616a}.light-theme .nav-item.active{background:#e6efeb;color:#183b30}.light-theme .metric-card,.light-theme .panel,.light-theme .detail-header{background:white}.light-theme .nav-item:hover,.light-theme .kanban-card:hover{background:#edf2f3}.light-theme .data-table th{background:#f3f6f7}.light-theme .data-table td{border-color:#e8edef}.light-theme .ticket-title,.light-theme .detail-title h1,.light-theme .field-value{color:#20323b}.light-theme .filter-select,.light-theme .filter-input,.light-theme .global-search{background:white;color:#31424b}.light-theme .global-search input{color:#23343d}.light-theme .btn{background:white;color:#31424b}.light-theme .btn.primary{background:#48bd8c;color:#102219}.light-theme .metric-value{color:#21343d}
@media(max-width:1050px){.sidebar{width:205px;flex-basis:205px}.view{padding:23px 21px}.topbar{padding:0 21px}.content-grid,.detail-layout{grid-template-columns:minmax(0,1.4fr) minmax(245px,.8fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{width:59px;flex-basis:59px;padding:17px 7px}.brand{padding:0 8px 27px}.brand>span:last-child,.sidebar-label,.nav-item:not(.active) .nav-count,.nav-item{font-size:0}.brand-mark{flex:0 0 auto}.main-nav{gap:5px}.nav-item{justify-content:center;padding:11px 0}.nav-icon{font-size:17px}.nav-item .nav-count{position:absolute;margin:0 0 0 29px;font-size:8px;padding:1px 4px}.tools-label{display:none}.sidebar-bottom{display:none}.view{padding:20px 13px}.topbar{padding:0 12px;height:55px}.global-search{width:min(43vw,210px)}.global-search kbd{display:none}.breadcrumb{font-size:10px;gap:6px}.top-actions{gap:5px}.page-heading h1{font-size:20px}.page-heading{gap:10px}.heading-actions .btn:not(.primary){display:none}.content-grid,.detail-layout,.alert-main{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}.detail-sla{grid-template-columns:1fr}.attention-row{grid-template-columns:20px minmax(0,1fr) 60px}.attention-row .badge{display:none}.metric-card{padding:12px}.metric-value{font-size:22px}.data-table th,.data-table td{padding:9px}.toolbar{flex-wrap:wrap}.filter-input{min-width:160px;flex:1}.detail-title h1{font-size:15px}.detail-controls .btn{font-size:0;padding:8px}.detail-controls .btn:first-letter{font-size:12px}.handover-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:430px){.metric-grid{gap:7px}.metric-card{min-height:86px;padding:10px}.metric-top{font-size:9px}.metric-value{font-size:20px}.metric-note{font-size:8px}.page-heading{align-items:center}.heading-actions .btn.primary{font-size:0;padding:9px}.heading-actions .btn.primary:first-letter{font-size:13px}.side-stack{grid-template-columns:1fr}.top-actions .icon-button:first-of-type{display:none}}