*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand:#1a6bab;--brand-dark:#145a91;--brand-light:#e8f2fb;--brand-lighter:#f0f7ff;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#718096;--border:#e2e8f0;--bg:#f7f9fc;--bg-white:#fff;--success:#38a169;--success-light:#f0fff4;--warning:#d69e2e;--warning-light:#fffbeb;--danger:#e53e3e;--danger-light:#fff5f5;--info:#3182ce;--info-light:#ebf8ff;--radius:10px;--radius-sm:6px;--radius-lg:16px;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000001a}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.6}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:14px}.btn{border-radius:var(--radius-sm);white-space:nowrap;border:none;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dark)}.btn-outline{color:var(--brand);border:1px solid var(--brand);background:#fff}.btn-outline:hover{background:var(--brand-light)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg)}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:12px 24px;font-size:15px}.btn-full{justify-content:center;width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--bg-white);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow)}.badge{border-radius:99px;align-items:center;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-new{background:var(--info-light);color:var(--info)}.badge-inprogress{background:var(--warning-light);color:var(--warning)}.badge-review{color:#805ad5;background:#faf0ff}.badge-complete{background:var(--success-light);color:var(--success)}.badge-reopened{background:var(--danger-light);color:var(--danger)}.badge-low{color:#276749;background:#f0fff4}.badge-normal{background:var(--info-light);color:var(--info)}.badge-urgent{background:var(--danger-light);color:var(--danger)}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--text-secondary);font-size:13px;font-weight:500}.form-input{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);background:#fff;width:100%;padding:10px 12px;font-size:14px;transition:border-color .15s}.form-input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #1a6bab1a}.form-error{color:var(--danger);font-size:12px}.page-title{color:var(--text-primary);font-size:22px;font-weight:600}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:14px}.divider{background:var(--border);height:1px;margin:20px 0}.spinner{border:2px solid var(--border);border-top-color:var(--brand);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state svg{opacity:.4;margin-bottom:16px}.empty-state h3{color:var(--text-secondary);margin-bottom:8px;font-size:16px;font-weight:500}.toast-container{z-index:9999;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:340px;display:flex;position:fixed;top:16px;right:16px}.toast{border-radius:var(--radius-sm);box-shadow:var(--shadow-md);align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;animation:.2s slideIn;display:flex}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--danger);color:#fff}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.sidebar{transition:transform .25s}@media (width<=768px){.sidebar{z-index:200!important;position:fixed!important;transform:translate(-100%)!important}.sidebar.open{transform:translate(0)!important}.main-content{margin-left:0!important}.main-inner{padding:16px!important}.mobile-topbar{display:flex!important}.ticket-grid,.two-col{grid-template-columns:1fr!important}.hide-mobile{display:none!important}.page-title{font-size:18px!important}.ticket-grid,.two-col{grid-template-columns:1fr!important}.stat-grid{grid-template-columns:repeat(2,1fr)!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal{border-radius:16px 16px 0 0!important;width:100%!important;max-width:100%!important}.card{padding:14px!important}[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns: 1fr 280px"]{grid-template-columns:1fr!important}}