@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-color:#1e3a8a;--text-primary:#fff;--text-secondary:#bfdbfe;--accent-blue:#3b82f6;--accent-orange:#f97316;--accent-light-orange:#fb923c;--card-bg:#1e3a8ab3;--card-border:#fff3;--card-hover:#1e40afcc;--success:#10b981;--danger:#ef4444;--available:#22c55e;--sold:#ef4444;--bg-gradient:radial-gradient(circle at top right, #1e40af, #1e3a8a, #172554);--input-bg:#17255499;--input-text:white;--number-text:white}:root[data-theme=light]{--bg-color:#f0f9ff;--text-primary:#1e3a8a;--text-secondary:#1d4ed8;--accent-blue:#2563eb;--accent-orange:#ea580c;--accent-light-orange:#f97316;--card-bg:#ffffffe6;--card-border:#1e3a8a1a;--card-hover:#e0f2fecc;--success:#059669;--danger:#dc2626;--available:#15803d;--sold:#b91c1c;--bg-gradient:radial-gradient(circle at top right, #e0f2fe, #f0f9ff, #fff);--input-bg:#fff;--input-text:#1e3a8a;--number-text:#1e3a8a}body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);background-attachment:fixed;min-height:100vh;margin:0}h1,h2,h3,h4,h5,h6{line-height:1.2}a{color:var(--accent-blue);-webkit-text-decoration:inherit;text-decoration:inherit;transition:color .25s}a:hover{color:var(--accent-orange)}.app-container{flex-direction:column;gap:3rem;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:16px;padding:2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 30px #0000001a}.text-gradient{background:linear-gradient(135deg, var(--accent-blue), var(--accent-orange));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-center{text-align:center}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-blue), var(--accent-orange));color:#fff;box-shadow:0 4px 15px #3b82f666}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f699}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-outline{border:1px solid var(--card-border);color:var(--text-primary);background:0 0}.btn-outline:hover{background:#ffffff0d}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.input-group label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.input{background:var(--input-bg);border:1px solid var(--card-border);color:var(--input-text);border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.input:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 2px #3b82f633}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-color);border:1px solid var(--card-border);border-radius:16px;width:100%;max-width:500px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:background .2s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:#fff;background:#ffffff1a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}@media (width<=768px){.app-container{gap:2rem;padding:1rem}}