:root{--font-family: "Inter", sans-serif;--border-radius: 10px;--border-radius-sm: 6px;--border-radius-lg: 16px;--transition: .2s ease;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow: 0 4px 12px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--company-primary: #ff611d;--company-secondary: #982121;--primary: var(--company-primary);--primary-light: rgba(255, 97, 29, .1);--primary-hover: #e5531a;--secondary: var(--company-secondary);--success: #2d9d5e;--success-light: rgba(45, 157, 94, .1);--warning: #d4a017;--warning-light: rgba(212, 160, 23, .1);--danger: #e63946;--danger-light: rgba(230, 57, 70, .1);--info: #0096c7;--info-light: rgba(0, 150, 199, .1);--bg-primary: #ffffff;--bg-secondary: #f4f6f9;--bg-card: #ffffff;--bg-sidebar: #ffffff;--bg-topbar: #ffffff;--bg-input: #f4f6f9;--bg-hover: rgba(255, 97, 29, .05);--bg-active: rgba(255, 97, 29, .1);--text-primary: #1a1d23;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-on-primary: #ffffff;--border-color: #e5e7eb;--divider: #f3f4f6;--sidebar-text: #374151;--sidebar-active-text: var(--primary);--sidebar-active-bg: var(--primary-light);--scrollbar-thumb: #d1d5db;--scrollbar-track: #f9fafb}[data-theme=light],.light-theme{--bg-primary: #ffffff;--bg-secondary: #f4f6f9;--bg-card: #ffffff;--bg-sidebar: #ffffff;--bg-topbar: #ffffff;--bg-input: #f4f6f9;--bg-hover: rgba(255, 97, 29, .05);--bg-active: rgba(255, 97, 29, .1);--text-primary: #1a1d23;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-on-primary: #ffffff;--border-color: #e5e7eb;--divider: #f3f4f6;--sidebar-text: #374151;--sidebar-active-text: var(--primary);--sidebar-active-bg: var(--primary-light);--scrollbar-thumb: #d1d5db;--scrollbar-track: #f9fafb}[data-theme=dark],.dark-theme{--bg-primary: #0f1117;--bg-secondary: #161b22;--bg-card: #1c2230;--bg-sidebar: #161b22;--bg-topbar: #161b22;--bg-input: #1c2230;--bg-hover: rgba(255, 255, 255, .04);--bg-active: rgba(255, 97, 29, .15);--text-primary: #e8eaf0;--text-secondary: #9aa3b2;--text-muted: #6b7280;--text-on-primary: #ffffff;--border-color: #2d3748;--divider: #1e2633;--sidebar-text: #9aa3b2;--sidebar-active-text: #ff8a57;--sidebar-active-bg: rgba(255, 97, 29, .12);--scrollbar-thumb: #374151;--scrollbar-track: #1c2230}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}app-root,app-layout{display:block}html{font-size:14px;scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.6;transition:background-color var(--transition),color var(--transition);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition)}.card:hover{box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.2rem;border-radius:var(--border-radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:all var(--transition);white-space:nowrap}.btn-primary{background:var(--primary);color:var(--text-on-primary)}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--primary)}.btn-outline:hover{background:var(--primary-light)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-success{background:var(--success);color:#fff}.btn-success:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.04em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.65rem .9rem;background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:var(--font-family);font-size:.9rem;outline:none;transition:border-color var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary)}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.table-container{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse}table thead tr{background:var(--bg-secondary)}table thead tr th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}table tbody tr{border-bottom:1px solid var(--divider);transition:background var(--transition)}table tbody tr:hover{background:var(--bg-hover)}table tbody tr td{padding:.85rem 1rem;font-size:.875rem;color:var(--text-primary)}table tbody tr:last-child{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-info{background:var(--info-light);color:var(--info)}.badge-primary{background:var(--primary-light);color:var(--primary)}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.25rem}.stat-card .stat-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.stat-card .stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.stat-card .stat-sub{font-size:.8rem;color:var(--text-secondary)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.page-header h1{font-size:1.5rem;font-weight:700}.page-header .breadcrumb{font-size:.8rem;color:var(--text-muted);display:flex;gap:.25rem;align-items:center}.page-header .breadcrumb span.active{color:var(--text-primary);font-weight:500}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.w-full{width:100%}.cursor-pointer{cursor:pointer}