:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f3f5f8;color:#172033}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell{width:min(1440px,calc(100% - 32px));margin:0 auto;padding:24px 0 44px}.app-header{display:grid;grid-template-columns:1fr minmax(300px,420px);gap:18px;align-items:stretch;padding:24px;color:#fff;background:#18263a;border-radius:8px;box-shadow:0 20px 45px #131e2d2e}.eyebrow{display:inline-flex;padding:5px 9px;border:1px solid rgba(255,255,255,.24);border-radius:6px;color:#c9d8ea;font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.app-header h1{margin:12px 0 8px;font-size:2.5rem;line-height:1}.app-header p{max-width:720px;margin:0;color:#dbe5f2}.session-card,.empty-panel,.panel,.stat-card,.workflow-strip,.demo-strip{border:1px solid #d9e0ea;border-radius:8px;background:#fff}.session-card{display:grid;gap:8px;align-content:center;padding:16px;color:#172033}.session-card strong{font-size:1.05rem}.session-card small{color:#647186}.session-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.login-form{display:grid;gap:8px}.role-badge{width:max-content;padding:5px 8px;border-radius:6px;color:#fff;font-size:.76rem;font-weight:900;text-transform:uppercase}.role-badge.admin{background:#7c3aed}.role-badge.technician{background:#0369a1}.role-badge.user{background:#15803d}.demo-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0;padding:10px}.demo-account{display:grid;gap:3px;border:1px solid #d9e0ea;border-radius:6px;padding:10px;text-align:left;background:#f9fafc}.demo-account span,.demo-account small{color:#647186;font-size:.78rem}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.stat-card{padding:16px;border-left:5px solid #64748b}.stat-card.warning{border-left-color:#d97706}.stat-card.danger{border-left-color:#dc2626}.stat-card p,.stat-card span{margin:0;color:#647186}.stat-card strong{display:block;margin:6px 0 2px;font-size:2rem;color:#111827}.workflow-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;overflow:hidden;margin-bottom:16px;background:#d9e0ea}.workflow-step{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#fff}.workflow-step span{color:#536174;font-size:.86rem;font-weight:800}.layout-grid{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:16px;align-items:start}.panel{padding:18px}.section-heading{margin-bottom:16px}.section-heading.horizontal{display:flex;justify-content:space-between;gap:16px}.section-heading h2,.empty-panel h2{margin:0 0 5px;font-size:1.22rem}.section-heading p,.empty-panel p{margin:0;color:#647186}.empty-panel{padding:28px;text-align:center}label{display:grid;gap:7px;margin-bottom:12px;color:#334155;font-weight:800}label span{color:#dc2626}input,select,textarea{width:100%;border:1px solid #cfd7e3;border-radius:6px;padding:10px 11px;color:#172033;background:#fff;outline:none;transition:border .18s,box-shadow .18s}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.two-column,.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.filters{grid-template-columns:minmax(220px,1.4fr) repeat(5,minmax(130px,.6fr));margin-bottom:14px}.primary-button,.ghost-button,.secondary-button,.danger-button{border:0;border-radius:6px;padding:10px 13px;font-weight:900}.primary-button{width:100%;color:#fff;background:#2563eb}.ghost-button{color:#fff;background:#2563eb}.secondary-button{color:#172033;background:#e8eef6}.danger-button{color:#991b1b;background:#fee2e2}.compact-button{width:auto;padding:8px 10px;white-space:nowrap}.alert{padding:12px 14px;margin-bottom:12px;border-radius:6px;font-weight:800}.alert.error{color:#991b1b;background:#fee2e2}.alert.success{color:#166534;background:#dcfce7}.table-wrap{overflow-x:auto}table{width:100%;min-width:1120px;border-collapse:collapse}th,td{padding:12px 10px;text-align:left;border-bottom:1px solid #e3e8ef;vertical-align:top}th{color:#647186;font-size:.74rem;letter-spacing:0;text-transform:uppercase}.ticket-cell strong{display:block;color:#111827}.ticket-number{display:inline-flex;width:max-content;margin-bottom:5px;padding:4px 7px;border-radius:6px;color:#0f3a5d;background:#dff0ff;font-size:.75rem;font-weight:900}.ticket-cell p{max-width:380px;margin:5px 0;color:#475569}.ticket-cell small,.stacked-date{display:block;color:#647186}.pill,.sla-chip{min-width:128px;border-radius:6px;font-weight:900}.sla-chip{display:inline-flex;min-width:92px;justify-content:center;padding:5px 8px;font-size:.8rem}.pill.open,.pill.medium,.sla-chip.healthy{background:#eaf3ff}.pill.assigned,.pill.in-progress,.pill.high,.sla-chip.due-soon{background:#fff2db}.pill.resolved,.pill.low,.sla-chip.met{background:#e6f7ed}.pill.closed{background:#eef2f7}.pill.urgent,.sla-chip.breached{background:#fee2e2}.assignee-input{min-width:150px}.row-actions{display:grid;gap:8px;min-width:110px}.activity-row td{padding-top:0;background:#f8fafc}.activity-panel{padding:12px;border:1px solid #d9e0ea;border-radius:8px;background:#fff}.activity-panel h3{margin:0 0 10px;font-size:.95rem}.activity-panel ol{display:grid;gap:8px;padding-left:22px;margin:0}.activity-panel li{color:#334155}.activity-panel li span,.activity-panel li small{display:block;color:#647186}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;color:#536174;font-weight:800}.pagination-bar div{display:flex;gap:8px}.empty-state{padding:30px;color:#647186;text-align:center}@media(max-width:1120px){.app-header,.layout-grid{grid-template-columns:1fr}.stats-grid,.demo-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.shell{width:min(100% - 20px,1440px);padding-top:12px}.app-header h1{font-size:2rem}.stats-grid,.demo-strip,.workflow-strip,.two-column,.filters,.session-actions,.pagination-bar,.pagination-bar div{grid-template-columns:1fr}.pagination-bar,.pagination-bar div{display:grid;width:100%}}