@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--font-body:"Inter", -apple-system, system-ui, sans-serif;--font-display:"Inter", -apple-system, system-ui, sans-serif;--color-primary-50:#eef2ff;--color-primary-100:#e0e7ff;--color-primary-200:#c7d2fe;--color-primary-300:#a5b4fc;--color-primary-400:#818cf8;--color-primary-500:#6366f1;--color-primary-600:#4f46e5;--color-primary-700:#4338ca;--color-primary-800:#3730a3;--color-primary-900:#312e81;--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-danger-50:#fff1f2;--color-danger-100:#ffe4e6;--color-danger-500:#f43f5e;--color-danger-600:#e11d48;--color-neutral-25:#fcfcfd;--color-neutral-50:#f9fafb;--color-neutral-100:#f3f4f6;--color-neutral-200:#e5e7eb;--color-neutral-300:#d1d5db;--color-neutral-400:#9ca3af;--color-neutral-500:#6b7280;--color-neutral-600:#4b5563;--color-neutral-700:#374151;--color-neutral-800:#1f2937;--color-neutral-900:#111827;--color-neutral-950:#0a0c10;--color-accent-400:#f87171;--color-accent-500:#f06a6a;--color-accent-600:#e05555;--sidebar-bg:var(--color-neutral-950);--sidebar-border:#ffffff0f;--sidebar-text:#ffffff80;--sidebar-text-hover:#ffffffe6;--sidebar-text-active:#fff;--sidebar-hover-bg:#ffffff0d;--sidebar-active-bg:var(--color-primary-600);--sidebar-width:240px;--sidebar-collapsed-width:56px;--topbar-height:48px;--header-height:48px;--border-radius:10px;--border-radius-sm:6px;--border-radius-lg:14px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #00000012, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--shadow-focus:0 0 0 3px var(--color-primary-100);--transition-fast:.12s cubic-bezier(.4, 0, .2, 1);--transition-normal:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);color:var(--color-neutral-800);background:var(--color-neutral-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02", "cv03", "cv04", "cv11";font-size:14px}body{min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}::selection{background:var(--color-primary-200);color:var(--color-primary-900)}.btn{border-radius:var(--border-radius-sm);letter-spacing:.01em;transition:all var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-primary-600);color:#fff;box-shadow:0 1px 2px #0000001a,inset 0 1px #ffffff1a}.btn-primary:hover{background:var(--color-primary-700);transform:translateY(-.5px);box-shadow:0 2px 4px #0000001f,inset 0 1px #ffffff1a}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.btn-secondary{color:var(--color-neutral-700);border:1px solid var(--color-neutral-200);box-shadow:var(--shadow-xs);background:#fff}.btn-secondary:hover{background:var(--color-neutral-50);border-color:var(--color-neutral-300)}.btn-accent{background:var(--color-accent-500);color:#fff;box-shadow:0 1px 2px #0000001a}.btn-accent:hover{background:var(--color-accent-600);transform:translateY(-.5px);box-shadow:0 2px 4px #0000001f}.btn-accent:active{transform:translateY(0)}.btn-sm{padding:4px 10px;font-size:12px}.tab-bar{border-bottom:1px solid var(--color-neutral-200);align-items:center;gap:0;display:flex}.tab{color:var(--color-neutral-500);transition:all var(--transition-fast);border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.tab:hover{color:var(--color-neutral-800)}.tab.active{color:var(--color-neutral-900);border-bottom-color:var(--color-neutral-900);font-weight:600}.toolbar{align-items:center;gap:8px;padding:8px 20px;display:flex}.toolbar-btn{color:var(--color-neutral-500);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:500;display:inline-flex}.toolbar-btn:hover{color:var(--color-neutral-700);background:var(--color-neutral-100)}.badge{letter-spacing:.02em;border-radius:9999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{background:var(--color-success-50);color:var(--color-success-700)}.badge-warning{background:var(--color-warning-50);color:var(--color-warning-600)}.badge-danger{background:var(--color-danger-50);color:var(--color-danger-600)}.badge-neutral{background:var(--color-neutral-100);color:var(--color-neutral-600)}input[type=text],input[type=password],input[type=email],input[type=search],input[type=number],input[type=date],textarea,select{font-family:var(--font-body);color:var(--color-neutral-800);border:1px solid var(--color-neutral-200);border-radius:var(--border-radius-sm);width:100%;transition:all var(--transition-fast);box-sizing:border-box;background:#fff;padding:7px 10px;font-size:13px}input:focus,textarea:focus,select:focus{border-color:var(--color-primary-400);box-shadow:var(--shadow-focus);outline:none}input::placeholder,textarea::placeholder{color:var(--color-neutral-400)}label{color:var(--color-neutral-600);letter-spacing:.01em;margin-bottom:3px;font-size:12px;font-weight:600;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}