:root{--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-primary-light:#60a5fa;--color-primary-bg:#eff6ff;--color-accent:#06b6d4;--color-accent-dark:#0891b2;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-bg:#f0f9ff;--color-surface:#fff;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-border:#e2e8f0;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 4px 12px rgba(0,0,0,.1);--shadow-lg:0 8px 30px rgba(0,0,0,.12);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--transition:.2s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:linear-gradient(135deg,#eff6ff,#dbeafe 50%,#e0f2fe);background-attachment:fixed;color:var(--color-text);font-family:var(--font-sans);line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}.page-container{margin:0 auto;max-width:1200px;padding:var(--space-lg)}.btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:var(--space-sm);justify-content:center;padding:10px 24px;transition:all var(--transition)}.btn:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover{background:var(--color-primary-bg);border-color:var(--color-primary-light)}.btn-danger{background:var(--color-error)}.btn-danger:hover{background:#dc2626}.btn-ghost{background:transparent;box-shadow:none;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-primary-bg);color:var(--color-primary)}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-surface);border:1px solid hsla(0,0%,100%,.5);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:15px;outline:none;padding:10px 14px;transition:all var(--transition);width:100%}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26}.input::-moz-placeholder{color:var(--color-text-muted)}.input::placeholder{color:var(--color-text-muted)}label{color:var(--color-text-secondary);display:block;font-size:14px;font-weight:600;margin-bottom:var(--space-xs)}@keyframes spin{to{transform:rotate(1turn)}}.spinner{animation:spin .6s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:20px;width:20px}.empty-state{color:var(--color-text-muted);padding:var(--space-2xl);text-align:center}.empty-state .empty-icon{font-size:48px;margin-bottom:var(--space-md)}.page-title{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;color:var(--color-text);font-size:28px;font-weight:800;margin-bottom:var(--space-lg);-webkit-text-fill-color:transparent;background-clip:text}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}