@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary:#8b5cf6;--primary-hover:#7c3aed;--background:#f8fafc;--surface:#fff;--surface-dark:#111;--text-main:#111;--text-muted:#64748b;--text-inverse:#fff;--success:#22c55e;--warning:#eab308;--danger:#ef4444;--radius:12px;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--transition:all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.5}.app-container{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4{letter-spacing:-.025em;font-weight:700}.auth-layout{background:var(--surface-dark);min-height:100vh;color:var(--text-inverse);background-image:url(/assets/login_bg_custom.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-layout:before{content:"";z-index:0;background:radial-gradient(circle,#8b5cf626 0%,#0000 50%);width:200%;height:200%;animation:30s linear infinite rotate;position:absolute;top:-50%;left:-50%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-panel{z-index:1;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffd9;border-left:1px solid #ffffff4d;border-right:1px solid #ffffff4d;flex-direction:column;justify-content:center;width:100%;max-width:500px;min-height:100vh;padding:4rem;animation:.6s ease-out slideIn;display:flex;position:relative;box-shadow:0 0 50px #00000026}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:4rem}.auth-header h1{color:#111;margin:0;font-size:2.2rem;font-weight:800;line-height:1.2}.auth-header h1 span{color:#ad3dff}.form-group{margin-bottom:1.5rem}.form-group label{margin-bottom:2rem;font-size:.875rem;font-weight:500;display:block;position:relative}.form-control{color:#333;background:0 0;border:none;border-bottom:1px solid #ccc;width:100%;padding:.5rem 0;font-size:1rem;transition:all .3s}.form-control:focus{border-bottom-color:#ad3dff;outline:none}.form-control::placeholder{color:#999}.input-icon{color:#999;cursor:pointer;position:absolute;top:50%;right:0;transform:translateY(-50%)}.btn-primary{color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background-color:#ad3dff;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.btn-primary:hover{color:#111;background-color:#c0d901;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.btn-primary:active{background-color:#96aa01;transform:translateY(1px)}.mobile-layout{background:#f4f4f4;flex-direction:column;width:100%;max-width:1200px;min-height:100vh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 100px #0000000d}.mobile-content{flex:1;width:100%;padding:1.5rem 1.5rem 8rem;overflow-y:auto}.bottom-nav{z-index:50;background:#f8f9fa;border-top:1px solid #e2e8f0;justify-content:space-around;width:100%;max-width:1200px;padding:.75rem .5rem;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}@media (width>=768px){.mobile-content{padding:3rem 4rem 10rem}.bottom-nav{border-radius:2rem;width:calc(100% - 2rem);max-width:600px;bottom:1.5rem;box-shadow:0 10px 40px #0000001a}}.floating-action-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#fffffff2;border-top:1px solid #e2e8f0;gap:1rem;width:100%;max-width:1200px;padding:1rem 1.5rem;transition:all .3s;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}@media (width>=768px){.floating-action-bar{border-radius:2rem;width:calc(100% - 2rem);max-width:600px;bottom:1.5rem;box-shadow:0 10px 40px #0000001a}}.nav-item{color:var(--text-muted);transition:var(--transition);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;text-decoration:none;display:flex}.nav-item.active{color:var(--primary)}.card-glass{background:#fff;border:none;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.card-dark{color:#fff;background:#111;border-radius:1rem;padding:1.5rem;box-shadow:0 10px 30px #0003}.fab{color:#fff;cursor:pointer;z-index:100;background:#7c3aed;border:none;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s;display:flex;position:fixed;bottom:6rem;right:1.5rem;box-shadow:0 8px 24px #7c3aed66}.fab:active{transform:scale(.9)}.cta-giant{background:linear-gradient(135deg, var(--primary) 0%, #6d28d9 100%);color:#fff;cursor:pointer;border:none;border-radius:24px;flex-direction:column;align-items:center;gap:1rem;width:100%;padding:2rem 1.5rem;text-decoration:none;transition:transform .2s;display:flex;box-shadow:0 10px 25px #8b5cf666}.cta-giant:active{transform:scale(.98)}.cta-giant h2{margin:0;font-size:1.5rem}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.status-badge.purple{color:var(--primary);background:#8b5cf61a}.status-badge.red{color:var(--danger);background:#ef44441a}.status-badge.amber{color:var(--warning);background:#f59e0b1a}.status-badge.green{color:var(--success);background:#22c55e1a}.status-badge.gray{color:var(--text-muted);background:#f1f5f9}