:root{--background:#0f172a;--foreground:#f8fafc;--primary:#3b82f6;--primary-hover:#2563eb;--card-bg:#1e293bb3;--card-border:#ffffff1a;--success:#10b981;--error:#ef4444;--radius-md:12px;--radius-lg:16px;--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-inter), sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;display:flex}main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:var(--radius-lg);transition:var(--transition);padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.glass-card:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:500}.btn-primary:hover{background:var(--primary-hover);transform:scale(1.02)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}h1,h2,h3,h4{margin-bottom:1rem;font-weight:600;line-height:1.2}input,select{border:1px solid var(--card-border);color:var(--foreground);border-radius:var(--radius-md);width:100%;transition:var(--transition);background:#0f172a80;outline:none;margin-bottom:1rem;padding:.75rem 1rem;font-family:inherit;font-size:1rem}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3b82f633}.toast-container{z-index:50;flex-direction:column;gap:1rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast{border-radius:var(--radius-md);background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);color:#fff;padding:1rem 1.5rem;animation:.3s ease-out forwards slideIn;box-shadow:0 10px 15px -3px #0000001a}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--error)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}