:root{--background-gradient:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);--glass-bg:#ffffffb3;--glass-border:#fff6;--glass-shadow:0 10px 40px #00000014;--primary:#6366f1;--secondary:#a855f7;--primary-hover:#4f46e5;--text-dark:#1f2937;--text-muted:#6b7280;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background-gradient);min-height:100vh;color:var(--text-dark);background-attachment:fixed;font-family:Plus Jakarta Sans,Inter,sans-serif;line-height:1.5}.bg-blobs{z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.blob{filter:blur(80px);opacity:.4;border-radius:50%;animation:20s infinite alternate float;position:absolute}.blob-1{background:var(--primary);width:400px;height:400px;top:-100px;right:-50px}.blob-2{background:var(--secondary);width:500px;height:500px;animation-delay:-5s;bottom:-150px;left:-100px}.blob-3{background:#fb7185;width:300px;height:300px;animation-delay:-10s;top:40%;left:20%}@keyframes float{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.container{max-width:500px;margin:0 auto;padding:24px 24px 120px;position:relative}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:28px;margin-bottom:24px;padding:24px;transition:transform .3s,box-shadow .3s}.glass-card:hover{box-shadow:0 20px 50px #0000001f}.glass-card-dark{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:#fff;border-radius:32px;margin-bottom:32px;padding:32px;box-shadow:0 15px 35px #6366f14d}.nav-wrapper{z-index:1000;width:calc(100% - 48px);max-width:400px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.bottom-nav{-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #ffffff80;border-radius:24px;justify-content:space-around;align-items:center;height:64px;padding:0 12px;display:flex;box-shadow:0 20px 40px #00000026}.nav-item{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;width:80px;height:100%;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item .icon{margin-bottom:2px;font-size:22px}.nav-item .label{font-size:11px;font-weight:600}.nav-item.active{color:var(--primary)}.nav-item.active:after{content:"";background:var(--primary);border-radius:50%;width:4px;height:4px;position:absolute;bottom:6px}@media (min-width:1024px){.container{max-width:1200px;padding-top:48px;padding-left:140px}.nav-wrapper{width:90px;max-width:none;top:50%;bottom:auto;left:40px;transform:translateY(-50%)}.bottom-nav{border-radius:32px;flex-direction:column;gap:40px;height:auto;padding:32px 0}.nav-item{width:100%;height:64px}.nav-item .label{display:none}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:40px;display:grid}.glass-card-dark{grid-column:span 2}}.input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;outline:none;width:100%;padding:16px;font-size:16px}.button{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:#fff;cursor:pointer;border:none;border-radius:18px;justify-content:center;align-items:center;gap:10px;width:100%;padding:18px;font-size:16px;font-weight:700;display:flex;box-shadow:0 10px 20px #6366f133}.button:disabled{opacity:.7;cursor:not-allowed}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.react-calendar{border:1px solid var(--glass-border)!important;background:#ffffff4d!important;border-radius:20px!important;width:100%!important;padding:10px!important}.react-calendar__tile--active{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%)!important;border-radius:12px!important}.react-datepicker{border-radius:15px!important;box-shadow:0 10px 40px #0000001a!important}.react-datepicker-popper{z-index:1000!important}.swal2-popup{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#fffc!important;border:1px solid #ffffff80!important;border-radius:32px!important;font-family:inherit!important}.swal2-title{color:var(--text-dark)!important;font-weight:800!important}.swal2-confirm{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%)!important;border-radius:16px!important;padding:12px 30px!important}.swal2-cancel{border-radius:16px!important;padding:12px 30px!important}