:root{--ink:#17223b;--muted:#64748b;--primary:#1473e6;--primary-deep:#0d4e9c;--cyan:#39c6df;--surface:rgba(255,255,255,.66);--line:rgba(255,255,255,.7);--shadow:0 18px 45px rgba(31,69,116,.15)}
*{box-sizing:border-box} body{min-height:100vh;margin:0;background:radial-gradient(circle at 15% 15%,#cce7ff 0,transparent 30%),radial-gradient(circle at 85% 20%,#d6fff2 0,transparent 27%),linear-gradient(135deg,#e9f2ff,#f7fbff 53%,#effcff);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.92rem}.aurora{position:fixed;z-index:-1;filter:blur(20px);opacity:.55;border-radius:999px;animation:float 12s ease-in-out infinite}.aurora.one{width:240px;height:240px;background:#86bfff;left:10%;top:52%}.aurora.two{width:260px;height:260px;background:#91f1d7;right:2%;top:8%;animation-delay:-4s}@keyframes float{50%{transform:translateY(-24px) translateX(16px) scale(1.08)}}.glass{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.app-shell{display:flex;min-height:100vh;padding:18px;gap:18px}.sidebar{position:sticky;top:18px;height:calc(100vh - 36px);width:258px;border-radius:25px;padding:20px 13px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);padding:4px 8px 24px}.brand img{width:42px;height:42px;object-fit:contain}.brand strong{display:block;font-size:1.15rem;letter-spacing:.08em}.brand span{display:block;color:var(--muted);font-size:.68rem}.menu-label{font-size:.64rem;font-weight:800;color:#7b91ab;letter-spacing:.1em;padding:8px 11px}.sidebar .nav-link{border-radius:13px;color:#496078;padding:10px 12px;display:flex;align-items:center;gap:11px;font-weight:600;transition:.2s}.sidebar .nav-link:hover,.sidebar .nav-link.active{color:#fff;background:linear-gradient(135deg,var(--primary),#4199ee);box-shadow:0 8px 17px rgba(20,115,230,.25);transform:translateX(2px)}.sidebar .nav-link i{font-size:1.08rem}.profile{border-top:1px solid rgba(96,143,191,.16);margin-top:auto;padding:15px 8px 0;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e4f1ff;color:var(--primary)}.profile-copy{min-width:0;flex:1}.profile-copy strong,.profile-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-copy strong{font-size:.77rem}.profile-copy span{font-size:.68rem;color:var(--muted)}.content{width:calc(100% - 276px);max-width:1500px}.topbar{border-radius:22px;padding:15px 22px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:.64rem;font-weight:800;color:#6080a4;letter-spacing:.12em;text-transform:uppercase}.topbar h1{font-size:1.28rem;margin:3px 0 0;font-weight:800}.secure-chip{background:#e2f9ee;color:#177250;border-radius:999px;padding:7px 11px;font-size:.72rem;font-weight:700}.secure-chip i{margin-right:4px}.btn{border-radius:11px;font-weight:700}.btn-primary{background:linear-gradient(135deg,#0d66d8,#2394e9);border:0;box-shadow:0 7px 15px rgba(19,115,228,.23)}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-soft{background:#e8f3ff;color:#1163c5;border:0}.btn-soft:hover{background:#d8ebff;color:#0e519f}.card{border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 8px 28px rgba(52,90,133,.08);backdrop-filter:blur(13px)}.card-header{background:transparent;border-bottom:1px solid rgba(120,160,200,.14);padding:16px 18px;font-weight:800}.stat-card{overflow:hidden;position:relative;padding:19px}.stat-card:after{content:"";position:absolute;right:-18px;top:-23px;width:94px;height:94px;border-radius:50%;background:var(--accent,#d9edff);opacity:.8}.stat-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--accent,#d9edff);color:var(--accent-dark,#1264bf);font-size:1.25rem}.stat-card small{display:block;color:var(--muted);font-weight:700;margin-top:13px}.stat-card strong{font-size:1.55rem;display:block;margin-top:2px}.muted{color:var(--muted)}.section-title{font-weight:800;font-size:1.01rem;margin:0}.section-desc{font-size:.78rem;color:var(--muted);margin:.15rem 0 0}.form-control,.form-select{border-radius:11px;border-color:rgba(100,145,190,.25);background:rgba(255,255,255,.69);min-height:42px}.form-control:focus,.form-select:focus{border-color:#6eaff7;box-shadow:0 0 0 .22rem rgba(48,140,235,.14);background:#fff}.form-label{font-size:.76rem;font-weight:800;color:#48617d;margin-bottom:.32rem}.table{--bs-table-bg:transparent;--bs-table-hover-bg:rgba(224,241,255,.45);font-size:.8rem;margin-bottom:0}.table th{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:#54718f;border-bottom-color:rgba(87,134,180,.2)}.table td{vertical-align:middle;border-bottom-color:rgba(87,134,180,.11)}.badge-soft{background:#e4f2ff;color:#0f64c3;font-weight:700}.badge-green{background:#dcf8e9;color:#168455;font-weight:700}.badge-orange{background:#fff0d7;color:#a96000;font-weight:700}.alert{border-radius:15px}.toast-zone{position:fixed;right:20px;top:20px;z-index:1055;min-width:300px}.alert-elegant{box-shadow:var(--shadow);border:0}.progress{height:8px;border-radius:10px;background:#e8eef6}.progress-bar{background:linear-gradient(90deg,#1980e5,#45c8df)}.payment-month{border:1px solid rgba(64,128,195,.16);border-radius:13px;padding:10px 12px;background:rgba(255,255,255,.45);cursor:pointer;transition:.2s}.payment-month:hover{background:#edf7ff;border-color:#77b5ef}.payment-month input{margin-right:6px}.payment-month span{font-size:.77rem;font-weight:700}.payment-month small{display:block;color:var(--muted);padding-left:20px;font-size:.65rem}.item-row{background:rgba(245,250,255,.62);border:1px dashed #b7d5ef;border-radius:13px;padding:10px}.login-body{display:grid;place-items:center;min-height:100vh;padding:20px}.login-card{width:min(440px,100%);border-radius:27px;padding:33px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:30px}.login-brand img{width:54px;height:54px;object-fit:contain}.login-brand strong{font-size:1.2rem;letter-spacing:.1em}.login-brand span{display:block;color:var(--muted);font-size:.74rem}.login-card h1{font-weight:850;font-size:1.65rem}.login-card p{color:var(--muted)}.login-security{font-size:.72rem;margin:20px 0 0!important;text-align:center}.mini-card{border-radius:15px;background:rgba(237,247,255,.7);padding:13px}.link-clean{text-decoration:none;color:inherit}.chart-box{position:relative;min-height:270px}.receipt-body{background:#edf5ff;padding:30px}.receipt-card{max-width:780px;margin:auto;background:white;padding:38px;border-radius:16px;box-shadow:var(--shadow)}
@media(max-width:991px){.app-shell{padding:10px}.sidebar{position:fixed;z-index:1050;left:-280px;top:10px;height:calc(100vh - 20px);transition:.25s}.sidebar.open{left:10px}.content{width:100%}.topbar{padding:13px 16px}.menu-toggle{display:inline-flex!important}}@media(min-width:992px){.menu-toggle{display:none!important}}@media(max-width:575px){.app-shell{padding:8px}.topbar h1{font-size:1.04rem}.secure-chip{display:none}.card-header{padding:13px}.stat-card strong{font-size:1.25rem}.receipt-body{padding:12px}.receipt-card{padding:22px}}
@media print{body{background:#fff}.no-print{display:none!important}.receipt-body{padding:0}.receipt-card{box-shadow:none;max-width:none;border-radius:0}.app-shell{padding:0}.sidebar,.topbar{display:none}.content{width:100%}}