@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700&family=Poppins:wght@300;400;500;600&display=swap";:root{--bg-color: #f7f9fc;--card-bg: #ffffff;--text-primary: #0f172a;--text-muted: #64748b;--accent: #0f172a;--accent-hover: #1e293b;--accent-light: #e2e8f0;--success: #10b981;--success-light: #d1fae5;--radius-sm: 12px;--radius-md: 20px;--radius-pill: 50px;--shadow-soft: 0 10px 40px -10px rgba(15, 23, 42, .08);--shadow-hover: 0 20px 40px -10px rgba(15, 23, 42, .12);--max-width: 500px;font-synthesis:none}html,body{height:100%;margin:0;padding:0;background:var(--bg-color);font-family:Poppins,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--text-primary);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,.brand-title{font-family:Outfit,sans-serif;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.fade-in{animation:fadeIn .45s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}.modal-animated{animation:fadeInOpacity .25s ease forwards}.modal-animated .modal-dialog{animation:fadeIn .35s cubic-bezier(.16,1,.3,1) forwards}.skeleton{background:var(--accent-light);background:linear-gradient(110deg,#f1f5f9 8%,#e2e8f0 18%,#f1f5f9 33%);border-radius:5px;background-size:200% 100%;animation:1.5s shine linear infinite}@keyframes shine{to{background-position-x:-200%}}.skeleton-pill{width:110px;height:44px;border-radius:var(--radius-pill)}header.navbar{position:sticky;top:0;z-index:1020;background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.05);padding:.8rem 0;transition:all .3s ease}.brand-title{font-size:1.25rem;background:linear-gradient(90deg,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent}main{min-height:calc(100vh - 70px);display:flex;align-items:flex-start;justify-content:center;padding:1rem}.card{border:1px solid rgba(0,0,0,.05)!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 20px -2px #0f172a0a!important;background-color:var(--card-bg)}.card-header{background-color:transparent!important;border-bottom:1px solid var(--accent-light)!important;padding:1.25rem 1.5rem!important;font-weight:600;font-size:1.1rem;color:var(--text-primary);font-family:Outfit,sans-serif;letter-spacing:-.01em}.card-footer{background-color:transparent!important;border-top:1px solid var(--accent-light)!important}.app-card{width:100%;max-width:var(--max-width);background:var(--card-bg);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-soft);margin:1rem auto;border:1px solid rgba(255,255,255,.6)}.card-title{font-size:1.7rem;margin-bottom:1.5rem}.text-muted{color:var(--text-muted)!important}.btn-select{padding:.6rem 1.2rem;border-radius:var(--radius-pill);font-weight:500;font-size:.95rem;transition:all .25s cubic-bezier(.4,0,.2,1);border:1.5px solid var(--accent-light);background:#fff;color:var(--text-primary);-webkit-user-select:none;user-select:none}@media(hover:hover){.btn-select:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f172a0f;border-color:var(--accent)}}.btn-select:active{transform:scale(.95)}.btn-select.selected{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 8px 16px #0f172a26}.btn-slot.selected{background:var(--success);color:#fff;border-color:var(--success);box-shadow:0 8px 16px #10b98140}.btn-dark,.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:.75rem 1rem;font-weight:600;transition:all .2s ease}.btn-dark:hover,.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 20px #0f172a26}.btn-dark:active{transform:scale(.98)}.btn-success{background:var(--success);color:#fff;border:none;border-radius:var(--radius-sm);padding:.75rem 1rem;font-weight:600;transition:all .2s ease}.btn-success:hover{background:#059669;transform:translateY(-2px);box-shadow:0 8px 20px #10b98140}.form-control{border-radius:var(--radius-sm);padding:.8rem 1rem;font-size:1rem;border:1.5px solid var(--accent-light);background-color:#fafafa;transition:all .2s ease;box-shadow:none!important}.form-control:focus{background-color:#fff;border-color:var(--accent);outline:none}.form-label{font-weight:500;font-size:.9rem;color:var(--text-primary);margin-bottom:.4rem}.modal-content{border-radius:var(--radius-md);border:none;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.modal-header{background:var(--bg-color);border-bottom:1px solid var(--accent-light);padding:1.25rem 1.5rem}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--accent-light);padding:1rem 1.5rem;background:#fafafa}.alert-info{background-color:#f0f9ff;border-color:#bae6fd;color:#0369a1;border-radius:var(--radius-sm)}.alert-danger{background:#fef2f2;border-color:#fecaca;color:#b91c1c;border-radius:var(--radius-sm)}.icon-svg{width:24px;height:24px;fill:currentColor}@media(min-width:720px){.app-card{padding:2.5rem}}.slide-up{animation:slideUpAnim .35s cubic-bezier(.16,1,.3,1) forwards}.slide-down{animation:slideDownAnim .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUpAnim{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDownAnim{0%{transform:translateY(0)}to{transform:translateY(100%)}}.bottom-sheet-content{background:var(--card-bg);border-top-left-radius:28px!important;border-top-right-radius:28px!important;box-shadow:0 -15px 40px #0000001a!important}.btn-outline-dark{border-color:var(--accent-light);color:var(--text-primary)}.btn-outline-dark:hover{background-color:var(--bg-color);color:var(--text-primary)}