:root{--bg-base: #F0F4F8;--bg-surface: #FFFFFF;--bg-elevated: #F7F9FC;--bg-hover: #EEF2F7;--border: #DDE3ED;--border-light: #C8D2E0;--brand: #2563EB;--brand-light: #3B82F6;--brand-glow: rgba(37, 99, 235, .12);--accent: #0891B2;--success: #059669;--warning: #D97706;--danger: #DC2626;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 3px rgba(15,23,42,.08);--shadow-md: 0 4px 16px rgba(15,23,42,.1);--shadow-lg: 0 8px 40px rgba(15,23,42,.14);--shadow-glow: 0 0 30px rgba(37, 99, 235, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700}input,select,textarea{font-family:var(--font-body);background:var(--bg-base);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;padding:10px 14px;outline:none;transition:border-color .2s,box-shadow .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow)}input::placeholder,textarea::placeholder{color:var(--text-muted)}button{font-family:var(--font-body);cursor:pointer;transition:all .15s}button:disabled{opacity:.45;cursor:not-allowed}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideRight{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-up{animation:fadeUp .35s ease both}.animate-fade-in{animation:fadeIn .3s ease both}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.3px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--border) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}