:root{--navy: #0b2a55;--primary: #1565c0;--secondary: #2787e8;--bg: #f6f8fb;--surface: #fff;--text-primary: #172033;--text-secondary: #667085;--text-muted: #98a2b3;--border: #e7ecf2;--success: #177a43;--danger: #b42331;--warning: #b46100;--shadow: 0 3px 12px rgba(19, 42, 78, .045)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-width:320px;background:var(--bg);color:var(--text-primary);font-family:Inter,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3{letter-spacing:-.025em}.btn{min-height:44px;border:0;background:var(--primary);color:#fff;padding:.68rem 1rem;border-radius:8px;font-weight:600;transition:.2s}.btn:hover{background:#0c55aa}.btn:disabled{cursor:not-allowed;opacity:.55}.btn.secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border)}.btn.danger{background:var(--danger)}.btn.sm{min-height:38px;padding:.42rem .7rem;font-size:.78rem}.card{min-width:0;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px}.table-wrap{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.data-table{width:100%;min-width:640px;border-collapse:collapse;text-align:left}.data-table th{padding:.8rem 1rem;color:var(--text-secondary);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;background:#fafbfd}.data-table td{padding:.9rem 1rem;border-top:1px solid var(--border);white-space:nowrap}.icon-btn{min-width:38px;min-height:38px;background:transparent;border:0;color:var(--text-secondary);padding:.4rem;border-radius:6px}.icon-btn:hover{background:#eef4fc;color:var(--primary)}.filters{display:grid;gap:.7rem;margin-bottom:1rem}.input,.select{width:100%;min-width:0;min-height:44px;border:1px solid var(--border);border-radius:8px;padding:.65rem .75rem;background:#fff;color:var(--text-primary)}.input:focus,.select:focus{outline:2px solid #cfe3fa;border-color:var(--primary)}app-page-header .btn{width:100%}body:has(.sidebar-backdrop.visible){overflow:hidden}@media(min-width:600px){.filters{display:flex;flex-wrap:wrap}.input,.select{width:auto}app-page-header .btn{width:auto}}