@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary: #1d4ed8;--color-primary-light: #dbeafe;--color-primary-dark: #1e3a8a;--color-secondary: #0891b2;--color-secondary-light: #cffafe;--color-secondary-dark: #0e7490;--color-accent: #d97706;--color-accent-light: #fef3c7;--color-accent-dark: #b45309;--navy-900: #0b1f3a;--navy-800: #10294c;--navy-700: #16345f;--navy-600: #1e4477;--color-success: #065f46;--color-success-light: #d1fae5;--color-danger: #b91c1c;--color-danger-light: #fee2e2;--color-warning: #92400e;--color-warning-light: #fef3c7;--color-violet: #5b21b6;--color-violet-light: #ede9fe;--color-neutral: #6b7280;--color-neutral-light: #f3f4f6;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--sidebar-width: 240px;--topbar-height: 60px;--content-max-width: 1280px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px;--radius-full: 9999px;--border-color: var(--gray-200);--gradient-brand: linear-gradient(135deg, #1d4ed8 0%, #0891b2 100%);--gradient-hero: linear-gradient(160deg, #0b1f3a 0%, #16345f 45%, #0e7490 100%);--gradient-sidebar: linear-gradient(180deg, #0b1f3a 0%, #10294c 60%, #16345f 100%);--gradient-ocean: linear-gradient(135deg, #0891b2 0%, #38bdf8 100%);--gradient-sand: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-surface: linear-gradient(180deg, #ffffff 0%, #f6f9fc 100%);--shadow-xs: 0 1px 3px 0 rgb(11 31 58 / .06);--shadow-sm: 0 2px 8px -1px rgb(11 31 58 / .09), 0 1px 3px -1px rgb(11 31 58 / .06);--shadow-md: 0 8px 24px -6px rgb(11 31 58 / .13), 0 3px 6px -3px rgb(11 31 58 / .07);--shadow-lg: 0 18px 40px -10px rgb(11 31 58 / .18), 0 8px 16px -8px rgb(11 31 58 / .1);--shadow-brand: 0 10px 28px -8px rgb(8 145 178 / .5);--shadow-primary: 0 8px 24px -6px rgb(29 78 216 / .45);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--z-sidebar: 100;--z-topbar: 200;--z-dropdown: 300;--z-modal: 400;--z-toast: 500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--gray-800);background-color:#eef3f8;background-image:radial-gradient(circle at 0% 0%,rgba(8,145,178,.06),transparent 45%),radial-gradient(circle at 100% 0%,rgba(29,78,216,.06),transparent 40%);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}input,textarea,select{font-family:inherit;font-size:var(--text-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.page-loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:var(--text-sm);color:var(--gray-500)}.app-shell{display:flex;height:100vh;overflow:hidden}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.app-content{flex:1;overflow-y:auto;padding:var(--space-6)}.card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg)}.card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-color)}.card-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-900)}.card-body{padding:var(--space-6)}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}th{text-align:left;font-weight:var(--font-semibold);font-size:var(--text-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);white-space:nowrap}td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--gray-100);color:var(--gray-700);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr{transition:background-color var(--transition-fast)}tbody tr:nth-child(2n){background-color:var(--gray-50)}tbody tr:hover{background-color:var(--color-secondary-light);cursor:pointer}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);gap:var(--space-4);flex-wrap:wrap}.page-title{position:relative;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--navy-900);margin:0;padding-left:14px}.page-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:1.1em;border-radius:var(--radius-full);background:var(--gradient-brand)}.search-input{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;transition:border-color var(--transition-fast)}.search-input:focus-within{border-color:var(--color-primary);outline:2px solid var(--color-primary-light)}.search-input input{border:none;outline:none;background:transparent;min-width:200px;color:var(--gray-800)}.filter-select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;color:var(--gray-700);cursor:pointer;font-size:var(--text-sm)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);color:var(--gray-400);text-align:center;gap:var(--space-3)}.empty-state svg{color:var(--gray-300)}.empty-state p{font-size:var(--text-sm);max-width:320px}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:400px 100%;animation:shimmer 1.2s infinite;border-radius:var(--radius-sm)}.divider{border:none;border-top:1px solid var(--border-color);margin:var(--space-4) 0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}