:root{--brand-primary: #4f46e5;--brand-primary-hover: #4338ca;--zinc-50: #fcfcfd;--zinc-100: #f4f4f5;--zinc-200: #e4e4e7;--zinc-900: #18181b}body{font-family:Inter,sans-serif;background-color:var(--zinc-50);color:var(--zinc-900);margin:0;-webkit-font-smoothing:antialiased}.mono{font-family:JetBrains Mono,monospace}.glass-panel{background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--zinc-200);border-radius:16px}.data-card{background:#fff;border:1px solid var(--zinc-100);border-radius:12px;box-shadow:0 1px 2px #00000008;transition:all .2s cubic-bezier(.4,0,.2,1)}.data-card:hover{border-color:var(--zinc-200);box-shadow:0 10px 15px -3px #0000000a;transform:translateY(-1px)}.action-btn{background:var(--zinc-900);color:#fff;font-weight:600;border-radius:10px;padding:10px 16px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent}.action-btn:hover{background:#27272a;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.action-btn:active{transform:translateY(0)}.form-input{background:#fff;border:1px solid var(--zinc-200);border-radius:10px;padding:10px 14px;font-size:.875rem;transition:all .2s;outline:none;color:var(--zinc-900)}.form-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px #4f46e514}.form-input::placeholder{color:#d1d1d6}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e4e4e7;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#d4d4d8}.animate-fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}