:root{--bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--accent: #00d2ff;--danger: #ff4b4b}body{margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background:var(--bg-gradient);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}#root{max-width:1200px;margin:0 auto;padding:2rem}.glass-card{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);padding:1.5rem;transition:transform .2s ease}.glass-card:hover{transform:translateY(-2px)}.btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-family:inherit;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn:hover{background:#fff3}.btn-primary{background:var(--accent);border-color:var(--accent);color:#000}.btn-primary:hover{background:#3a8dff;color:#fff}.btn-danger{color:var(--danger);border-color:#ff4b4b4d}.btn-danger:hover{background:#ff4b4b1a}input{background:#0003;border:1px solid var(--glass-border);border-radius:8px;padding:.8rem;color:#fff;width:100%;box-sizing:border-box;font-family:inherit}input:focus{outline:none;border-color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.flex-between{display:flex;justify-content:space-between;align-items:center}h1,h2,h3{margin-top:0}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}