:root{--primary-50:#f0fdf4;--primary-100:#dcfce7;--primary-200:#bbf7d0;--primary-300:#86efac;--primary-400:#4ade80;--primary-500:#22c55e;--primary-600:#16a34a;--primary-700:#15803d;--primary-800:#166534;--primary-900:#14532d;--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;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--sidebar-width:240px;--header-height:64px;--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.03);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.08);--shadow-md:0 4px 6px -1px rgba(0,0,0,.08),0 2px 4px -2px rgba(0,0,0,.04);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.04);--radius-sm:6px;--radius-md:8px;--radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--gray-50);color:var(--gray-900);line-height:1.6}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid transparent;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-600);color:#fff;border-color:var(--primary-600)}.btn-primary:hover:not(:disabled){background:var(--primary-700);border-color:var(--primary-700);box-shadow:var(--shadow-md)}.btn-secondary{background:#fff;color:var(--gray-700);border-color:var(--gray-300)}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:var(--shadow-md)}.card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-md)}.badge{display:inline-block;padding:4px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;letter-spacing:.02em}.badge-primary{background:var(--primary-100);color:var(--primary-800)}.badge-success{background:#dcfce7;color:#166534}.badge-danger{background:#fee2e2;color:#991b1b}.badge-warning{background:#fef3c7;color:#92400e}.badge-info{background:#dbeafe;color:#1e40af}.badge-gray{background:var(--gray-100);color:var(--gray-700)}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}thead{background:var(--gray-50);border-bottom:2px solid var(--gray-200)}th{text-align:left;font-size:12px;font-weight:600;color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em}td,th{padding:12px 16px}td{border-bottom:1px solid var(--gray-100)}tr:last-child td{border-bottom:none}tr:hover{background:var(--gray-50)}input[type=date],input[type=number],input[type=text],select,textarea{padding:10px 12px;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:14px;font-family:inherit;transition:all .2s ease;background:#fff}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(34,197,94,.1)}input:disabled,select:disabled{background:var(--gray-100);cursor:not-allowed}.loading{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--gray-500)}