*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--brand-primary:#2563eb;--brand-primary-hover:#1d4ed8;--brand-primary-light:#eff6ff;--brand-primary-muted:#bfdbfe;--brand-accent:#f59e0b;--brand-accent-hover:#d97706;--grey-50:#fafaf9;--grey-100:#f5f5f4;--grey-200:#e7e5e4;--grey-300:#d6d3d1;--grey-400:#a8a29e;--grey-500:#78716c;--grey-600:#57534e;--grey-700:#44403c;--grey-800:#292524;--grey-900:#1c1917;--slate-800:#1e293b;--slate-850:#172033;--slate-900:#0f172a;--slate-950:#020617;--color-bg:#f7f7f5;--color-surface:#ffffff;--color-surface-raised:#ffffff;--color-border:#e8e6e3;--color-border-strong:#d4d1cc;--color-text:#1c1917;--color-text-secondary:#57534e;--color-text-muted:#a8a29e;--color-success:#059669;--color-success-bg:#ecfdf5;--color-success-border:#a7f3d0;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-warning-border:#fde68a;--color-danger:#dc2626;--color-danger-bg:#fef2f2;--color-danger-border:#fecaca;--color-info:#2563eb;--color-info-bg:#eff6ff;--color-info-border:#bfdbfe;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--space-20:5rem;--font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"Cascadia Code","Fira Code",monospace;--font-size-xs:0.75rem;--font-size-sm:0.8125rem;--font-size-base:0.9375rem;--font-size-lg:1.0625rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--radius-sm:0.25rem;--radius:0.5rem;--radius-md:0.625rem;--radius-lg:0.875rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--shadow-xs:0 1px 2px rgb(0 0 0/0.04);--shadow-sm:0 1px 2px rgb(0 0 0/0.06),0 1px 3px rgb(0 0 0/0.06);--shadow:0 2px 4px rgb(0 0 0/0.04),0 4px 8px rgb(0 0 0/0.06);--shadow-md:0 4px 6px -2px rgb(0 0 0/0.05),0 10px 20px -2px rgb(0 0 0/0.08);--shadow-lg:0 8px 16px -4px rgb(0 0 0/0.08),0 20px 40px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 40px 60px -12px rgb(0 0 0/0.15);--shadow-inner:inset 0 1px 2px rgb(0 0 0/0.06);--transition:150ms ease;--transition-slow:250ms cubic-bezier(0.4,0,0.2,1);--transition-spring:400ms cubic-bezier(0.34,1.56,0.64,1);--sidebar-width:260px;--topbar-height:56px}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01";text-rendering:optimizeLegibility}::selection{background-color:var(--brand-primary);color:#ffffff}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--color-text);letter-spacing:-.02em}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{color:var(--color-text-secondary);line-height:1.65}a{color:var(--brand-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--brand-primary-hover);text-decoration:underline}label{font-weight:600;color:var(--grey-700);margin-bottom:6px;letter-spacing:-.01em}input,label,select,textarea{display:block;font-size:var(--font-size-sm)}input,select,textarea{width:100%;padding:10px 14px;font-family:var(--font-family);line-height:1.5;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius);box-shadow:var(--shadow-inner);transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:hover,select:hover,textarea:hover{border-color:var(--grey-400)}input:focus,select:focus,textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-light),var(--shadow-inner);background-color:#fff}input:disabled,select:disabled,textarea:disabled{background-color:var(--grey-100);color:var(--grey-500);cursor:not-allowed;opacity:.7}textarea{resize:vertical;min-height:88px}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2378716c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:1.125em;padding-right:36px}.btn,select{cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:9px 18px;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;line-height:1.5;border-radius:var(--radius);border:1px solid transparent;text-decoration:none;transition:all var(--transition);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:-.01em;position:relative}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(180deg,color-mix(in srgb,var(--brand-primary),white 8%) 0,var(--brand-primary) 100%);border-color:var(--brand-primary);color:#ffffff;box-shadow:0 1px 2px rgb(0 0 0/.12),inset 0 1px 0 rgb(255 255 255/.1)}.btn-primary:hover{background:linear-gradient(180deg,var(--brand-primary) 0,var(--brand-primary-hover) 100%);border-color:var(--brand-primary-hover);color:#ffffff;text-decoration:none;box-shadow:0 2px 4px rgb(0 0 0/.15),inset 0 1px 0 rgb(255 255 255/.1);transform:translateY(-.5px)}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 2px rgb(0 0 0/.12),inset 0 2px 4px rgb(0 0 0/.1)}.btn-secondary{background-color:var(--color-surface);border-color:var(--color-border-strong);color:var(--grey-700);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background-color:var(--grey-50);border-color:var(--grey-400);color:var(--grey-800);text-decoration:none;box-shadow:var(--shadow-sm)}.btn-ghost{background-color:transparent;border-color:transparent;color:var(--grey-600)}.btn-ghost:hover{background-color:var(--grey-100);color:var(--grey-800);text-decoration:none}.btn-danger{background:linear-gradient(180deg,#ef4444,#dc2626);border-color:var(--color-danger);color:#ffffff;box-shadow:0 1px 2px rgb(0 0 0/.12),inset 0 1px 0 rgb(255 255 255/.1)}.btn-danger:hover{background:linear-gradient(180deg,#dc2626,#b91c1c);border-color:#b91c1c;color:#ffffff;text-decoration:none;transform:translateY(-.5px)}.btn-sm{padding:5px 12px;font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.btn-lg{padding:12px 24px;font-size:var(--font-size-base);border-radius:var(--radius-md)}.btn-full{width:100%}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--transition-slow)}.card:hover{box-shadow:var(--shadow)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);background-color:var(--grey-50)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background-color:var(--grey-50);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.form-group{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-5)}.form-group:last-child{margin-bottom:0}.form-hint{color:var(--color-text-muted)}.form-error,.form-hint{font-size:var(--font-size-xs);margin-top:4px}.form-error{color:var(--color-danger);font-weight:500}.badge{display:inline-flex;align-items:center;padding:2px 10px;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);line-height:1.6;white-space:nowrap;letter-spacing:.01em}.badge-grey{background-color:var(--grey-100);color:var(--grey-600)}.badge-blue{background-color:#eff6ff;color:#1d4ed8}.badge-green{background-color:#ecfdf5;color:#059669}.badge-yellow{background-color:#fffbeb;color:#b45309}.badge-red{background-color:#fef2f2;color:#dc2626}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:var(--font-size-sm);border:1px solid;font-weight:500}.alert-error{background-color:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger)}.alert-success{background-color:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success)}.alert-warning{background-color:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning)}.alert-info{background-color:var(--color-info-bg);border-color:var(--color-info-border);color:var(--color-info)}.stat-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:box-shadow var(--transition-slow),transform var(--transition-slow)}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--brand-primary);border-radius:0 3px 3px 0}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.stat-card-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2)}.stat-card-value{font-size:var(--font-size-3xl);font-weight:800;color:var(--color-text);line-height:1;margin-bottom:var(--space-1);letter-spacing:-.03em}.stat-card-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}thead{background-color:var(--grey-50)}th{padding:10px var(--space-4);font-weight:600;text-align:left;color:var(--grey-500);font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-bottom:1px solid var(--color-border)}td{padding:12px var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text)}tbody tr{transition:background-color var(--transition)}tbody tr:hover{background-color:color-mix(in srgb,var(--brand-primary-light),transparent 50%)}tbody tr:first-child td{border-top:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center;color:var(--color-text-muted)}.empty-state-icon{font-size:2.5rem;margin-bottom:var(--space-4);opacity:.5;filter:grayscale(30%)}.empty-state-title{font-size:var(--font-size-base);font-weight:600;color:var(--grey-600);margin-bottom:var(--space-2)}.empty-state-body{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:320px;line-height:1.6}.spinner{display:inline-block;width:1.125rem;height:1.125rem;border:2px solid var(--grey-200);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.spinner-lg{width:2rem;height:2rem;border-width:2.5px}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-bg)}.divider{height:1px;background-color:var(--color-border)}.divider,.divider-text{margin:var(--space-6) 0}.divider-text{display:flex;align-items:center;gap:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.06em}.divider-text:after,.divider-text:before{content:"";flex:1 1;height:1px;background-color:var(--color-border)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap}.page-title{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-text);letter-spacing:-.03em}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:2px;font-weight:500}.grid-stats{display:grid;grid-template-columns:1fr;grid-gap:var(--space-4);gap:var(--space-4)}@media (min-width:480px){.grid-stats{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-stats{grid-template-columns:repeat(5,1fr)}}.grid-cols-2{display:grid;grid-template-columns:1fr;grid-gap:var(--space-6);gap:var(--space-6)}@media (min-width:768px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border-width:0}.sr-only,.truncate{overflow:hidden;white-space:nowrap}.truncate{text-overflow:ellipsis}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--grey-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:var(--grey-400)}