:root{--sp-brand-50: #eff6ff;--sp-brand-100: #dbeafe;--sp-brand-200: #bfdbfe;--sp-brand-300: #93c5fd;--sp-brand-400: #60a5fa;--sp-brand-500: #3b82f6;--sp-brand-600: #2563eb;--sp-brand-700: #1d4ed8;--sp-brand-800: #1e40af;--sp-brand-900: #1e3a8a;--sp-brand-950: #172554;--sp-accent: #06b6d4;--sp-accent-2: #10b981;--sp-accent-3: #f59e0b;--sp-accent-4: #f43f5e;--sp-ink-300: #cbd5e1;--sp-ink-400: #94a3b8;--sp-ink-500: #64748b;--sp-ink-600: #475569;--sp-ink-700: #334155;--sp-ink-800: #1e293b;--sp-ink-900: #0f172a;--sp-ink-950: #020617;--sp-bg: #f6f9fc;--sp-surface: #ffffff;--sp-surface-soft: #f1f5f9;--sp-border: #e5eaf2;--sp-border-strong: #d0d9e6;--sp-success: #059669;--sp-danger: #e11d48;--sp-warning: #d97706;--sp-info: #0891b2;--sp-radius: .9rem;--sp-radius-lg: 1.2rem;--sp-shadow: 0 1px 2px 0 rgb(15 23 42 / .05), 0 1px 3px 0 rgb(15 23 42 / .07);--sp-shadow-sm: 0 1px 2px 0 rgb(15 23 42 / .05);--sp-shadow-lift: 0 18px 40px -16px rgb(30 64 175 / .22);--sp-shadow-brand: 0 12px 28px -8px rgb(37 99 235 / .45);--sp-shadow-accent: 0 12px 28px -8px rgb(6 182 212 / .4);--sp-font: "Plus Jakarta Sans", "Figtree", ui-sans-serif, system-ui, sans-serif;--bs-body-font-family: var(--sp-font);--bs-body-bg: var(--sp-bg);--bs-body-color: var(--sp-ink-700);--bs-primary: var(--sp-brand-600);--bs-primary-rgb: 37, 99, 235;--bs-link-color: var(--sp-brand-600);--bs-link-hover-color: var(--sp-brand-700);--bs-border-radius: .6rem;--bs-border-color: var(--sp-border);--bs-card-border-color: var(--sp-border);--bs-card-border-radius: var(--sp-radius-lg)}*{font-family:var(--sp-font)}html{scroll-behavior:smooth}body{background-color:var(--sp-bg);color:var(--sp-ink-700);-webkit-font-smoothing:antialiased;letter-spacing:-.006em}h1,h2,h3,h4,h5,h6,.display-1,.display-2,.display-3,.display-4,.fw-bold,.fw-semibold{letter-spacing:-.02em}::-moz-selection{background:var(--sp-brand-600);color:#fff}::selection{background:var(--sp-brand-600);color:#fff}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--sp-brand-200);border-radius:20px}::-webkit-scrollbar-thumb:hover{background:var(--sp-brand-300)}.btn{border-radius:.7rem;font-weight:600;padding:.55rem 1.15rem;transition:all .18s ease}.btn-primary{background:linear-gradient(135deg,var(--sp-brand-500),var(--sp-brand-700));border:0;box-shadow:0 6px 16px -6px #2563eb80}.btn-primary:hover,.btn-primary:focus{background:linear-gradient(135deg,var(--sp-brand-600),var(--sp-brand-800));box-shadow:0 10px 22px -8px #2563eb99;transform:translateY(-1px);color:#fff}.btn-success{background:linear-gradient(135deg,#10b981,#059669);border:0;box-shadow:0 6px 16px -6px #05966980}.btn-success:hover{background:linear-gradient(135deg,#34d399,#059669);transform:translateY(-1px);color:#fff}.btn-danger{background:linear-gradient(135deg,#f43f5e,#e11d48);border:0;box-shadow:0 6px 16px -6px #e11d4873}.btn-danger:hover{background:linear-gradient(135deg,#fb7185,#e11d48);transform:translateY(-1px);color:#fff}.btn-info{background:linear-gradient(135deg,#22d3ee,#0891b2);border:0;color:#fff;box-shadow:0 6px 16px -6px #0891b280}.btn-info:hover{color:#fff;transform:translateY(-1px)}.btn-warning{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:0;color:#78350f;box-shadow:0 6px 16px -6px #f59e0b80}.btn-warning:hover{color:#78350f;transform:translateY(-1px)}.btn-outline-primary{border-color:var(--sp-brand-300);color:var(--sp-brand-700)}.btn-outline-primary:hover{background:var(--sp-brand-50);border-color:var(--sp-brand-600);color:var(--sp-brand-700)}.btn-outline-success{border-color:#34d399;color:#047857}.btn-outline-success:hover{background:#ecfdf5;border-color:#10b981;color:#047857}.btn-outline-danger{border-color:#fda4af;color:#be123c}.btn-outline-danger:hover{background:#fff1f2;border-color:#f43f5e;color:#be123c}.btn-outline-warning{border-color:#fcd34d;color:#b45309}.btn-outline-warning:hover{background:#fffbeb;border-color:#f59e0b;color:#b45309}.btn-outline-info{border-color:#67e8f9;color:#0e7490}.btn-outline-info:hover{background:#ecfeff;border-color:#22d3ee;color:#0e7490}.btn-outline-secondary,.btn-outline-dark{border-color:var(--sp-border-strong);color:var(--sp-ink-600)}.btn-outline-secondary:hover,.btn-outline-dark:hover{background:var(--sp-brand-50);border-color:var(--sp-brand-300);color:var(--sp-brand-700)}.btn-secondary{background:var(--sp-surface-soft);border-color:var(--sp-border);color:var(--sp-ink-700)}.btn-secondary:hover{background:var(--sp-brand-50);border-color:var(--sp-border);color:var(--sp-brand-700)}.btn-light{background:var(--sp-surface);border:1px solid var(--sp-border);color:var(--sp-ink-700)}.btn-light:hover{background:var(--sp-brand-50);color:var(--sp-brand-700)}.btn:active{transform:translateY(0)}.btn-sm{border-radius:.55rem;padding:.4rem .75rem}.btn-lg{padding:.75rem 1.5rem;border-radius:.85rem}.btn i{margin-right:.25rem}.btn:focus,.btn:focus-visible{box-shadow:0 0 0 4px #2563eb26;outline:0}.card{border:1px solid var(--sp-border);border-radius:var(--sp-radius-lg);background:var(--sp-surface);box-shadow:var(--sp-shadow);transition:box-shadow .2s ease,transform .2s ease}.card-header{background:transparent;border-bottom:1px solid var(--sp-border);padding:1rem 1.25rem;font-weight:700;font-size:1.02rem;color:var(--sp-ink-800)}.card-body{padding:1.25rem}.card-footer{background:var(--sp-surface);border-top:1px solid var(--sp-border);padding:.85rem 1.25rem}.card:hover{box-shadow:var(--sp-shadow-lift)}.stat-card{border:1px solid var(--sp-border);border-radius:var(--sp-radius-lg);background:var(--sp-surface);box-shadow:var(--sp-shadow);padding:1.4rem 1.5rem;transition:transform .18s ease,box-shadow .18s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between}.stat-card:after{content:"";position:absolute;top:-40%;right:-20%;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.12),transparent 70%);pointer-events:none}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--sp-shadow-lift)}.stat-card .stat-icon{width:48px;height:48px;border-radius:.9rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.stat-card .stat-label{font-size:.78rem;font-weight:700;color:var(--sp-ink-500);text-transform:uppercase;letter-spacing:.05em}.stat-card .stat-value{font-size:1.55rem;font-weight:800;color:var(--sp-ink-900);letter-spacing:-.02em;margin-top:.15rem}.stat-card .stat-trend{font-size:.78rem;font-weight:600;color:var(--sp-accent-2);margin-top:.2rem}.icon-bg-indigo{background:var(--sp-brand-50);color:var(--sp-brand-600)}.icon-bg-emerald{background:#ecfdf5;color:#059669}.icon-bg-sky{background:#ecfeff;color:#0284c7}.icon-bg-amber{background:#fffbeb;color:#d97706}.icon-bg-rose{background:#fff1f2;color:#e11d48}.icon-bg-violet{background:#f5f3ff;color:#7c3aed}.icon-bg-slate{background:#f1f5f9;color:#475569}.icon-bg-cyan{background:#ecfeff;color:#0891b2}.table{--bs-table-bg: transparent;color:var(--sp-ink-700);margin-bottom:0}.table thead th{background:var(--sp-surface-soft);color:var(--sp-ink-600);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;border-bottom:1px solid var(--sp-border);padding:.85rem 1rem;white-space:nowrap}.table td{vertical-align:middle;border-color:var(--sp-border);padding:.8rem 1rem;white-space:nowrap}.table-hover>tbody>tr:hover{background-color:var(--sp-brand-50)}.table img.thumbnail{width:40px;height:40px;-o-object-fit:cover;object-fit:cover;border-radius:.6rem;box-shadow:var(--sp-shadow-sm)}.badge-status{font-size:.78rem}.sp-scroll-hidden{scrollbar-width:none;-ms-overflow-style:none}.sp-scroll-hidden::-webkit-scrollbar{display:none;height:0}@media(max-width:767.98px){.table-card-mobile{border:0}.table-card-mobile thead{display:none}.table-card-mobile,.table-card-mobile tbody,.table-card-mobile tr,.table-card-mobile td{display:block;width:100%}.table-card-mobile tr{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow-sm);padding:.5rem .25rem;margin-bottom:.85rem}.table-card-mobile td{border:0!important;padding:.4rem 1rem;white-space:normal;text-align:left!important;position:relative;padding-left:42%}.table-card-mobile td:before{content:attr(data-label);position:absolute;left:.75rem;top:.45rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--sp-ink-500)}}.form-control,.form-select{border-radius:.65rem;border-color:var(--sp-border);padding:.6rem .9rem;background-color:var(--sp-surface);font-size:.925rem}.form-control:focus,.form-select:focus{border-color:var(--sp-brand-500);box-shadow:0 0 0 4px #2563eb1f}.form-label{font-weight:600;color:var(--sp-ink-800);font-size:.85rem;margin-bottom:.35rem}.form-text{color:var(--sp-ink-500);font-size:.8rem}.input-group-text{background:var(--sp-surface-soft);border-color:var(--sp-border);color:var(--sp-ink-600);border-radius:.65rem}.form-check-input:checked{background-color:var(--sp-brand-600);border-color:var(--sp-brand-600)}.form-check-input:focus{box-shadow:0 0 0 3px #2563eb26;border-color:var(--sp-brand-500)}.form-check-input{width:1.2em;height:1.2em}.form-switch .form-check-input{width:2.4em;height:1.3em}.invalid-feedback,.valid-feedback{font-size:.8rem}.badge{font-weight:600;border-radius:2rem;padding:.4em .75em;letter-spacing:.01em;font-size:.75rem}.badge.bg-success{background:#ecfdf5!important;color:#047857}.badge.bg-danger{background:#fff1f2!important;color:#be123c}.badge.bg-warning{background:#fffbeb!important;color:#b45309}.badge.bg-info{background:#ecfeff!important;color:#0369a1}.badge.bg-secondary{background:#f1f5f9!important;color:#475569}.badge.bg-primary{background:var(--sp-brand-50)!important;color:var(--sp-brand-700)}.badge.bg-dark{background:#e2e8f0!important;color:#0f172a}.alert{border-radius:var(--sp-radius);border:0;font-weight:500;padding:.9rem 1.1rem}.alert-success{background:#ecfdf5;color:#065f46;border-left:4px solid var(--sp-accent-2)}.alert-danger{background:#fff1f2;color:#9f1239;border-left:4px solid var(--sp-accent-4)}.alert-info{background:#ecfeff;color:#075985;border-left:4px solid var(--sp-accent)}.alert-warning{background:#fffbeb;color:#92400e;border-left:4px solid var(--sp-accent-3)}.pagination .page-link{border-radius:.6rem;margin:0 .2rem;border:1px solid var(--sp-border);color:var(--sp-ink-600);font-weight:600;font-size:.875rem}.pagination .page-item.active .page-link{background:var(--sp-brand-600);border-color:var(--sp-brand-600);color:#fff;box-shadow:0 4px 12px -4px #2563eb80}.pagination .page-item.disabled .page-link{color:var(--sp-ink-400)}a{color:var(--sp-brand-600);text-decoration:none;transition:color .15s ease}a:hover{color:var(--sp-brand-700)}.nav-tabs{border-bottom:1px solid var(--sp-border);gap:.25rem}.nav-tabs .nav-link{border:0;color:var(--sp-ink-500);font-weight:600;padding:.7rem 1.1rem;border-radius:.6rem .6rem 0 0;transition:all .15s ease}.nav-tabs .nav-link:hover{color:var(--sp-brand-600);background:var(--sp-brand-50)}.nav-tabs .nav-link.active{color:var(--sp-brand-700);background:transparent;border-bottom:3px solid var(--sp-brand-600);font-weight:700}.nav-tabs .nav-link i{margin-right:.35rem}@media(max-width:575.98px){.nav-tabs .nav-link{font-size:.8rem;padding:.6rem .7rem}.nav-tabs{flex-wrap:nowrap;overflow-x:auto}}.modal-content{border:0;border-radius:var(--sp-radius-lg);box-shadow:0 30px 60px -16px #0f172a59}.modal-header{border-bottom:1px solid var(--sp-border);padding:1.1rem 1.4rem}.modal-body{padding:1.4rem}.modal-footer{border-top:1px solid var(--sp-border);padding:1rem 1.4rem}.modal-backdrop.show{opacity:.45}.dropdown-menu{border:1px solid var(--sp-border);border-radius:.85rem;box-shadow:var(--sp-shadow-lift);padding:.5rem;min-width:12rem}.dropdown-item{border-radius:.5rem;padding:.55rem .85rem;font-weight:500;font-size:.9rem;color:var(--sp-ink-700)}.dropdown-item i{margin-right:.4rem;width:18px;text-align:center;color:var(--sp-ink-500)}.dropdown-item:hover{background:var(--sp-brand-50);color:var(--sp-brand-700)}.dropdown-item:hover i{color:var(--sp-brand-600)}.dropdown-divider{border-color:var(--sp-border)}.accordion-item{border:1px solid var(--sp-border);border-radius:var(--sp-radius)!important;overflow:hidden;margin-bottom:.75rem}.accordion-button{font-weight:700;color:var(--sp-ink-800);background:var(--sp-surface);padding:1rem 1.2rem}.accordion-button:not(.collapsed){color:var(--sp-brand-700);background:var(--sp-brand-50);box-shadow:none}.accordion-button:focus{box-shadow:0 0 0 3px #2563eb1f}.accordion-body{color:var(--sp-ink-600)}.progress{border-radius:2rem;background:var(--sp-surface-soft)}.progress-bar{border-radius:2rem}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--sp-brand-500),var(--sp-brand-700));flex-shrink:0}.avatar-sm{width:34px;height:34px;font-size:.8rem}.avatar-md{width:44px;height:44px;font-size:1rem}.avatar-lg{width:56px;height:56px;font-size:1.3rem}.page-header{margin-bottom:1.4rem}.page-header h4{font-weight:800;color:var(--sp-ink-900);letter-spacing:-.02em;margin-bottom:.15rem}.page-header .breadcrumb{margin-bottom:0;font-size:.85rem}.breadcrumb-item a{color:var(--sp-ink-500)}.breadcrumb-item.active{color:var(--sp-brand-600);font-weight:600}.breadcrumb-item+.breadcrumb-item:before{color:var(--sp-ink-400)}.shimmer{background:linear-gradient(90deg,var(--sp-surface-soft) 25%,var(--sp-brand-50) 50%,var(--sp-surface-soft) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.5rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .45s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .4s ease both}.text-gradient{background:linear-gradient(135deg,var(--sp-brand-600),var(--sp-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#ffffffb8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.4);box-shadow:var(--sp-shadow)}.icon-btn{width:42px;height:42px;border-radius:.75rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--sp-border);background:var(--sp-surface);color:var(--sp-ink-600);transition:all .15s ease;font-size:1rem}.icon-btn:hover{background:var(--sp-brand-50);color:var(--sp-brand-600);border-color:var(--sp-brand-200)}.notif-dot{position:absolute;top:8px;right:10px;width:8px;height:8px;background:var(--sp-accent-4);border-radius:50%;border:2px solid #fff}.sp-notif-dot{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 .3rem;border-radius:999px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:.62rem;font-weight:800;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 10px -3px #ef444480;border:2px solid #fff}.sp-notif-menu{width:min(380px,calc(100vw - 24px));border:1px solid var(--sp-border);border-radius:1rem;padding:0;overflow:hidden;box-shadow:0 24px 60px -18px #0f172a47;margin-top:.6rem}.sp-notif-head{display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-bottom:1px solid var(--sp-border)}.sp-notif-head .nf-ico{width:34px;height:34px;border-radius:.7rem;display:grid;place-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-size:.9rem;box-shadow:0 8px 16px -6px #2563eb80;flex-shrink:0}.sp-notif-head .nf-title{font-size:.9rem;color:var(--sp-ink-900)}.sp-notif-head .nf-count{font-size:.66rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:999px;padding:.22rem .5rem;line-height:1}.sp-notif-head .nf-count.zero{background:#cbd5e1}#spNotifMarkAll{margin-left:auto;font-size:.72rem;font-weight:700;color:#2563eb;background:#fff;border:1px solid #bfdbfe;border-radius:999px;padding:.32rem .7rem;text-decoration:none;transition:all .15s ease;white-space:nowrap}#spNotifMarkAll:hover{background:#2563eb;color:#fff;border-color:#2563eb}.sp-notif-list{max-height:372px;overflow-y:auto;padding:.4rem}.sp-notif-item{position:relative;display:flex;gap:.7rem;align-items:flex-start;padding:.75rem .8rem;border-radius:.8rem;margin-bottom:.15rem;border:1px solid transparent;transition:all .15s ease;text-decoration:none;color:var(--sp-ink-800)}.sp-notif-item:hover{background:var(--sp-surface-soft);border-color:var(--sp-border)}.sp-notif-item.unread{background:#f8fafc}.sp-notif-item.unread:hover{background:#eff6ff;border-color:#bfdbfe}.sp-notif-item .n-dot{position:absolute;left:.32rem;top:50%;transform:translateY(-50%);width:6px;height:20px;border-radius:999px;background:linear-gradient(180deg,#3b82f6,#2563eb);flex-shrink:0}.sp-notif-item:not(.unread) .n-dot{background:transparent}.sp-notif-item .n-ava{width:36px;height:36px;border-radius:.75rem;display:grid;place-items:center;color:#fff;font-size:.8rem;flex-shrink:0;box-shadow:inset 0 0 0 1px #0f172a0f,0 6px 12px -6px #2563eb73}.sp-notif-item .n-body{flex:1;min-width:0}.sp-notif-item .n-msg{font-size:.8rem;font-weight:500;line-height:1.4;word-break:break-word;color:var(--sp-ink-600)}.sp-notif-item.unread .n-msg{font-weight:700;color:var(--sp-ink-900)}.sp-notif-item .n-time{font-size:.68rem;color:var(--sp-ink-400);font-weight:600;margin-top:.2rem}.sp-notif-item.unread .n-time{color:#2563eb}.sp-notif-empty{text-align:center;padding:2.2rem 1rem;color:var(--sp-ink-400)}.sp-notif-empty i{width:56px;height:56px;border-radius:1rem;display:grid;place-items:center;margin:0 auto .8rem;font-size:1.3rem;background:var(--sp-surface-soft);color:var(--sp-ink-300)}.sp-notif-empty p{font-size:.82rem;margin:0}.sp-notif-foot{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1rem;background:var(--sp-surface);border-top:1px solid var(--sp-border);color:#2563eb;font-size:.78rem;font-weight:700;text-decoration:none;transition:all .15s ease}.sp-notif-foot:hover{background:#eff6ff;color:#1d4ed8}.balance-hero{background:radial-gradient(600px 260px at 85% -20%,rgba(6,182,212,.3),transparent 60%),radial-gradient(400px 200px at 10% 110%,rgba(37,99,235,.32),transparent 60%),linear-gradient(135deg,#2563eb,#1d4ed8 55%,#1e40af);color:#fff;border-radius:1.3rem;padding:1.7rem 1.8rem;box-shadow:0 24px 45px -18px #2563eb8c;position:relative;overflow:hidden}.balance-hero:before{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;border:2px solid rgba(255,255,255,.14)}.balance-hero:after{content:"";position:absolute;right:30px;top:10px;width:100px;height:100px;border-radius:50%;border:2px solid rgba(255,255,255,.12)}.balance-hero .balance-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.9}.balance-hero .balance-amount{font-size:2.1rem;font-weight:800;letter-spacing:-.02em}.balance-hero .btn-light{background:#fffffff2;border:0;box-shadow:0 8px 20px -6px #0f172a4d}@media(max-width:575.98px){.balance-hero{padding:1.2rem}.balance-hero .balance-amount{font-size:1.7rem}}.auth-body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(900px 420px at 85% -10%,rgba(37,99,235,.35),transparent 60%),radial-gradient(800px 380px at 5% 110%,rgba(6,182,212,.3),transparent 60%),linear-gradient(135deg,#eff6ff,#e0f2fe 60%,#dbeafe)}.auth-shell{width:100%;max-width:430px}.auth-card{border:1px solid rgba(255,255,255,.6);border-radius:1.4rem;box-shadow:0 35px 70px -20px #1e40af59;padding:2.2rem;background:var(--sp-surface)}.auth-card .form-control,.auth-card .form-select{padding:.75rem .95rem}.auth-brand{color:#1e3a8a;text-align:center;margin-bottom:1.5rem}.auth-brand i{font-size:2.2rem;color:var(--sp-brand-600)}.auth-brand h4{font-weight:800;letter-spacing:-.02em;margin-top:.5rem}.auth-brand small{color:var(--sp-ink-500)}.filter-toolbar{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius-lg);box-shadow:var(--sp-shadow)}.empty-state{text-align:center;padding:3rem 1.5rem}.empty-state i{font-size:3rem;color:var(--sp-ink-300);margin-bottom:1rem}.empty-state h5{font-weight:700;color:var(--sp-ink-800)}.empty-state p{color:var(--sp-ink-500)}.kpi-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:700;padding:.3rem .7rem;border-radius:2rem}.kpi-badge.up{background:#ecfdf5;color:#047857}.kpi-badge.down{background:#fff1f2;color:#be123c}.plan-card{position:relative}.plan-card .plan-price{font-size:2.2rem;font-weight:800;color:var(--sp-ink-900);letter-spacing:-.02em}.plan-card.featured{border:2px solid var(--sp-brand-500);box-shadow:var(--sp-shadow-brand);transform:scale(1.02)}.plan-card.featured .card-header{background:linear-gradient(135deg,var(--sp-brand-500),var(--sp-brand-700));color:#fff;border-radius:calc(var(--sp-radius-lg) - 2px) calc(var(--sp-radius-lg) - 2px) 0 0}.plan-card .feature-item{display:flex;align-items:center;gap:.6rem;padding:.4rem 0;color:var(--sp-ink-600)}.plan-card .feature-item i{color:var(--sp-accent-2);width:18px;flex-shrink:0}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:276px;background:#fff;border-right:1px solid var(--sp-border);color:var(--sp-ink-700);display:flex;flex-direction:column;z-index:1045;transform:translate(-100%);transition:transform .3s cubic-bezier(.25,.8,.25,1)}.app-sidebar.open{transform:translate(0);box-shadow:0 24px 60px -18px #0f172a4d}.app-sidebar .brand{padding:1.15rem 1.15rem 1rem;border-bottom:1px solid var(--sp-border);display:flex;align-items:center;gap:.7rem;color:var(--sp-ink-900);flex-shrink:0}.app-sidebar .brand img{max-height:34px;border-radius:.6rem}.app-sidebar .brand h5{color:var(--sp-ink-900);font-weight:800;letter-spacing:-.02em;margin:0;font-size:1.02rem;line-height:1.2}.app-sidebar .brand span{color:var(--sp-ink-900);font-weight:800;letter-spacing:-.02em;font-size:1.02rem;line-height:1.2}.app-sidebar .brand h5+small,.app-sidebar .brand small{color:var(--sp-brand-700);background:var(--sp-brand-50);border:1px solid var(--sp-brand-100);border-radius:999px;padding:.2rem .6rem;font-size:.64rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;gap:.3rem;margin-top:.25rem}.app-sidebar .brand small i{font-size:.55rem}.app-sidebar .brand .sbar-close{margin-left:auto;width:34px;height:34px;border-radius:.6rem;display:none;align-items:center;justify-content:center;border:1px solid var(--sp-border);background:var(--sp-surface-soft);color:var(--sp-ink-500);font-size:.85rem;cursor:pointer;transition:all .15s ease}.app-sidebar .brand .sbar-close:hover{color:var(--sp-brand-700);background:var(--sp-brand-50);border-color:var(--sp-brand-200)}.app-sidebar .nav-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:.9rem .85rem 1.1rem;scrollbar-width:thin}.app-sidebar .nav-scroll::-webkit-scrollbar{width:5px}.app-sidebar .nav-scroll::-webkit-scrollbar-thumb{background:var(--sp-border-strong);border-radius:999px}.app-sidebar .nav-scroll::-webkit-scrollbar-track{background:transparent}.app-sidebar .nav-item{margin-bottom:3px}.app-sidebar .nav-section{display:flex;align-items:center;gap:.5rem;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--sp-ink-400);padding:1.1rem .85rem .5rem}.app-sidebar .nav-section:first-child{padding-top:.35rem}.app-sidebar .nav-section:before{content:"•";color:var(--sp-brand-400);font-size:.85rem;line-height:1}.app-sidebar .nav-section:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--sp-border-strong),transparent)}.app-sidebar .nav-link,.app-sidebar a.nav-link{color:var(--sp-ink-600);border-radius:.7rem;padding:.52rem .75rem;font-weight:600;font-size:.875rem;display:flex;align-items:center;gap:.7rem;transition:all .18s ease;text-decoration:none;position:relative}.app-sidebar .nav-link i{width:18px;text-align:center;color:var(--sp-ink-500);font-size:.9rem;transition:color .18s ease;flex-shrink:0}.app-sidebar .nav-link:hover{color:var(--sp-brand-700);background:var(--sp-brand-50)}.app-sidebar .nav-link:hover i{color:var(--sp-brand-600)}.app-sidebar .nav-ico{width:34px;height:34px;border-radius:.65rem;display:inline-flex;align-items:center;justify-content:center;background:var(--sp-surface-soft);color:var(--sp-ink-600);font-size:.83rem;flex-shrink:0;transition:all .18s ease}.app-sidebar .nav-link .nav-ico i{width:auto;color:inherit}.app-sidebar .nav-link:hover .nav-ico{background:#fff;color:var(--sp-brand-600);box-shadow:var(--sp-shadow-sm)}.app-sidebar .nav-link.active{color:#fff;background:linear-gradient(135deg,var(--sp-brand-500),var(--sp-brand-700));box-shadow:0 8px 18px -8px #2563eb99}.app-sidebar .nav-link.active i,.app-sidebar .nav-link.active .nav-ico i{color:#fffffff2}.app-sidebar .nav-link.active .nav-ico{background:#ffffff38;color:#fff}.app-sidebar .nav-link.active:after{content:"";position:absolute;right:.6rem;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #fff3}.app-sidebar .nav-link.active{padding-right:1.5rem}.app-sidebar .nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 .45rem;border-radius:999px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:.68rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 10px -3px #ef444480}.app-sidebar .nav-link.sub{padding-left:2.55rem;font-size:.825rem}.app-sidebar .nav-link.sub i{width:14px;font-size:.78rem}.app-sidebar .nav-link.sub:after{display:none}.app-sidebar .nav-link.sub.active:after{display:block;content:"";position:absolute;left:1.55rem;right:auto;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #ffffff40}.app-sidebar .sidebar-foot{padding:.85rem .85rem 1rem;border-top:1px solid var(--sp-border);flex-shrink:0}.app-sidebar .sidebar-foot .btn{width:100%;text-align:left;border:1px solid var(--sp-border);background:var(--sp-surface-soft);color:var(--sp-ink-600);font-weight:600;padding:.58rem .8rem;border-radius:.65rem;margin-bottom:.5rem;display:flex;align-items:center;transition:all .15s ease}.app-sidebar .sidebar-foot .btn:last-child{margin-bottom:0}.app-sidebar .sidebar-foot .btn i{width:18px;text-align:center;color:var(--sp-ink-500);transition:color .15s ease}.app-sidebar .sidebar-foot .btn:hover{background:#fff;color:var(--sp-brand-700);border-color:var(--sp-brand-200);box-shadow:var(--sp-shadow-sm)}.app-sidebar .sidebar-foot .btn:hover i{color:var(--sp-brand-600)}.sidebar-overlay{position:fixed;inset:0;z-index:1040;background:#0f172a80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar-overlay.show{opacity:1;visibility:visible}@media(max-width:991.98px){.app-sidebar .brand .sbar-close{display:inline-flex}}.app-topbar{position:sticky;top:0;z-index:1030;background:#fffc;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--sp-border);padding:.7rem 1.25rem;display:flex;align-items:center;gap:.75rem}.app-content{padding:1.6rem}@media(min-width:992px){.app-sidebar{transform:translate(0)}.sidebar-overlay{display:none}.app-main-lg{margin-left:268px}}.hero-grand{position:relative;overflow:hidden}.hero-grand .hero-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;opacity:.5}.feature-tile{border:1px solid var(--sp-border);border-radius:var(--sp-radius-lg);padding:1.8rem 1.6rem;background:var(--sp-surface);box-shadow:var(--sp-shadow);transition:transform .2s ease,box-shadow .2s ease;height:100%}.feature-tile:hover{transform:translateY(-6px);box-shadow:var(--sp-shadow-lift)}.feature-tile .feature-icon{width:54px;height:54px;border-radius:1rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1rem}.stat-tile{text-align:center}.app-footer{background:#0f172a;color:#94a3b8}@media print{.app-sidebar,.app-topbar,.sidebar-overlay{display:none!important}.app-main-lg{margin-left:0!important}}.land-hero{background:radial-gradient(1000px 420px at 12% -8%,rgba(37,99,235,.22),transparent 60%),radial-gradient(900px 380px at 92% 8%,rgba(6,182,212,.2),transparent 60%),linear-gradient(180deg,#eff6ff,#f6f9fc);color:var(--sp-ink-900);padding:92px 0 96px;position:relative;overflow:hidden}.land-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(37,99,235,.12) 1px,transparent 1px);background-size:26px 26px;opacity:.4;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%)}.land-hero .hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--sp-brand-100);border-radius:2rem;padding:.42rem 1rem;font-size:.8rem;font-weight:600;color:var(--sp-brand-700);box-shadow:var(--sp-shadow-sm)}.land-hero h1{font-weight:800;letter-spacing:-.03em;line-height:1.08}.land-hero .lead{color:var(--sp-ink-500);max-width:540px}.text-gradient{background:linear-gradient(135deg,#2563eb,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.land-hero-visual{background:#fff;border:1px solid var(--sp-border);border-radius:1.3rem;padding:2rem;box-shadow:0 30px 60px -20px #1e40af4d}.hero-check{width:40px;height:40px;border-radius:.8rem;display:inline-flex;align-items:center;justify-content:center;background:#ecfdf5;color:#10b981;font-size:1rem;flex-shrink:0}.hero-hello{display:flex;align-items:center;gap:.75rem;background:var(--sp-surface-soft);border:1px solid var(--sp-border);border-radius:.9rem;padding:.7rem .9rem}.land-section{padding:84px 0}.land-section-alt{background:#fff}.land-eyebrow{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sp-brand-600);background:var(--sp-brand-50);padding:.32rem .85rem;border-radius:2rem;margin-bottom:.9rem}.land-section-head h2{font-weight:800;letter-spacing:-.02em;color:var(--sp-ink-900)}.land-section-head p{color:var(--sp-ink-500);max-width:540px}.feature-tile .feature-icon.icon-bg-indigo{background:var(--sp-brand-50, #eff6ff);color:var(--sp-brand-600, #2563eb)}.feature-tile .feature-icon.icon-bg-emerald{background:#ecfdf5;color:#059669}.feature-tile .feature-icon.icon-bg-sky{background:#ecfeff;color:#0284c7}.feature-tile .feature-icon.icon-bg-violet{background:#faf5ff;color:#7c3aed}.feature-tile .feature-icon.icon-bg-rose{background:#fff1f2;color:#e11d48}.feature-tile .feature-icon.icon-bg-amber{background:#fffbeb;color:#d97706}.land-feature-card{border:1px solid var(--sp-border);border-radius:var(--sp-radius-lg);padding:1.6rem 1.4rem;background:var(--sp-surface);box-shadow:var(--sp-shadow);transition:transform .2s ease,box-shadow .2s ease;height:100%}.land-feature-card:hover{transform:translateY(-5px);box-shadow:var(--sp-shadow-lift)}.land-feature-card i.big{width:50px;height:50px;border-radius:.9rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:1rem}.land-service-card{border-radius:var(--sp-radius-lg);padding:2rem 1.6rem;background:linear-gradient(160deg,#fff,#f8fbff);border:1px solid var(--sp-border);box-shadow:var(--sp-shadow);height:100%;transition:transform .2s ease,box-shadow .2s ease}.land-service-card:hover{transform:translateY(-5px);box-shadow:var(--sp-shadow-brand)}.land-service-card i.big{width:58px;height:58px;border-radius:1rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1.1rem}.land-stats{background:radial-gradient(900px 320px at 50% -80%,rgba(255,255,255,.14),transparent 60%),linear-gradient(135deg,#1d4ed8,#1e40af 60%,#1e3a8a 125%);color:#fff;padding:68px 0;position:relative;overflow:hidden}.land-stats .stat-num{font-size:2.4rem;font-weight:800;letter-spacing:-.02em}.land-stats .stat-label{color:#bfdbfe;font-weight:600;margin-top:.25rem}.land-stats i.big{color:#bfdbfe;font-size:1.5rem;margin-bottom:.6rem}.land-platform-chip{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;background:#fff;border:1px solid var(--sp-border);border-radius:.9rem;padding:.9rem 1.3rem;font-weight:700;color:var(--sp-ink-700);box-shadow:var(--sp-shadow);transition:transform .2s ease,border-color .2s ease}.land-platform-chip:hover{transform:translateY(-3px);border-color:var(--sp-brand-500)}.land-platform-chip i{font-size:1.4rem;color:var(--sp-brand-500)}.land-gateway-chip{display:inline-flex;align-items:center;gap:.55rem;background:#fff;border:1px solid var(--sp-border);border-radius:.85rem;padding:1rem 1.4rem;font-weight:700;color:var(--sp-ink-800);box-shadow:var(--sp-shadow);transition:all .2s ease}.land-gateway-chip:hover{transform:translateY(-3px);box-shadow:var(--sp-shadow-brand)}.land-gateway-chip .gw-badge{font-size:1.3rem}.land-testimonial{background:#fff;border:1px solid var(--sp-border);border-radius:var(--sp-radius-lg);padding:1.8rem;box-shadow:var(--sp-shadow);height:100%;display:flex;flex-direction:column}.land-testimonial .stars{color:#f59e0b;font-size:.85rem;margin-bottom:.9rem}.land-testimonial .quote{color:var(--sp-ink-600);font-size:.95rem;line-height:1.7;flex-grow:1}.land-testimonial .who-avatar{width:44px;height:44px;border-radius:.8rem;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.land-faq .accordion-button{font-weight:700;color:var(--sp-ink-900)}.land-faq .accordion-button:not(.collapsed){color:var(--sp-brand-600);background:var(--sp-brand-50);box-shadow:none}.land-faq .accordion-body{color:var(--sp-ink-500)}.land-cta{background:radial-gradient(800px 300px at 85% -20%,rgba(6,182,212,.3),transparent 60%),linear-gradient(135deg,#2563eb,#1d4ed8,#1e40af);border-radius:1.5rem;padding:3rem;color:#fff;position:relative;overflow:hidden}.land-cta h2{font-weight:800;letter-spacing:-.02em}.land-cta p{color:#dbeafe}.land-cta .btn-white{background:#fff;color:#2563eb;font-weight:700;border:0;box-shadow:0 14px 30px -10px #0f172a4d;border-radius:.75rem;padding:.7rem 1.4rem}.land-cta .btn-white:hover{transform:translateY(-2px);box-shadow:0 18px 36px -10px #0f172a59}@media(max-width:991.98px){.land-hero{padding:60px 0 64px}.land-section{padding:56px 0}.land-cta{padding:2rem 1.5rem}}@media(max-width:575.98px){.land-stats .stat-num{font-size:2rem}.land-cta{padding:1.5rem 1.2rem;border-radius:1rem}}@media(max-width:991.98px){.app-content{padding:1rem}.app-topbar{padding:.6rem .85rem}}@media(max-width:575.98px){.page-header h4{font-size:1.2rem}.stat-card{padding:1.1rem}.btn{padding:.5rem .9rem;font-size:.875rem}.card-body{padding:1rem}}.premium-pagination .pagination{gap:.3rem}.premium-pagination .page-link{min-width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--sp-border);border-radius:.6rem!important;color:var(--sp-ink-700, #475569);font-weight:600;background:#fff;transition:all .15s ease;padding:0 .35rem}.premium-pagination .page-link:hover{background:var(--sp-brand-50, #eff6ff);border-color:var(--sp-brand-500, #3b82f6);color:var(--sp-brand-600, #2563eb)}.premium-pagination .page-item.active .page-link{background:linear-gradient(135deg,var(--sp-brand-500, #3b82f6),var(--sp-brand-700, #1d4ed8));border-color:transparent;color:#fff;box-shadow:0 6px 14px -6px #2563eb80}.premium-pagination .page-item.disabled .page-link{color:#cbd5e1;background:#f8fafc;border-color:var(--sp-border)}.premium-pagination .page-dots{border:0;background:transparent;color:#94a3b8;min-width:auto;height:auto}a:focus-visible,button:focus-visible{outline:2px solid var(--sp-brand-500);outline-offset:2px;border-radius:.3rem}.page-gradient{background:radial-gradient(800px 320px at 85% -10%,rgba(37,99,235,.1),transparent 60%),linear-gradient(180deg,#eef4ff 0%,var(--sp-bg) 60%)}.land-hero-split .hero-media{background:#fff;border:1px solid var(--sp-border);border-radius:1.4rem;box-shadow:0 40px 80px -30px #1e40af59;padding:2rem;position:relative}.hero-phone-card{background:linear-gradient(160deg,#0f172a,#1e40af);border-radius:1.6rem;padding:1.4rem;color:#fff;box-shadow:0 30px 60px -20px #1e40af80}.hero-phone-card .ph-balance{font-size:1.9rem;font-weight:800;letter-spacing:-.02em}.hero-float-chip{position:absolute;background:#fff;border:1px solid var(--sp-border);border-radius:.9rem;box-shadow:var(--sp-shadow-lift);padding:.6rem .9rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700}.step-card{background:#fff;border:1px solid var(--sp-border);border-radius:var(--sp-radius-lg);padding:1.6rem;box-shadow:var(--sp-shadow);height:100%;position:relative;transition:transform .2s ease,box-shadow .2s ease}.step-card:hover{transform:translateY(-5px);box-shadow:var(--sp-shadow-lift)}.step-card .step-num{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-weight:800;font-size:1.05rem;display:grid;place-items:center;box-shadow:0 8px 18px -6px #2563eb80;margin-bottom:1rem}.check-list{list-style:none;padding:0;margin:0}.check-list li{display:flex;align-items:flex-start;gap:.6rem;padding:.3rem 0;color:var(--sp-ink-600)}.check-list li i{color:#10b981;margin-top:.2rem}.pill-tabs{display:flex;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;scrollbar-width:none}.pill-tabs::-webkit-scrollbar{display:none}.pill-tab{flex:0 0 auto;white-space:nowrap;padding:.5rem 1rem;border-radius:2rem;background:var(--sp-surface);border:1px solid var(--sp-border);color:var(--sp-ink-600);font-weight:600;font-size:.85rem;transition:all .15s ease}.pill-tab.active,.pill-tab:hover{background:var(--sp-brand-600);border-color:var(--sp-brand-600);color:#fff;box-shadow:0 8px 18px -8px #2563eb80}.py-section{padding:84px 0}@media(max-width:991.98px){.py-section{padding:52px 0}}.card-soft{background:var(--sp-surface-soft);border:1px solid var(--sp-border)}.trust-row{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem}.trust-row .trust-item{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--sp-ink-600)}.trust-row .trust-item i{color:#10b981}.kpi-card{position:relative;overflow:hidden;border:1px solid var(--sp-border);border-radius:1.1rem;background:#fff;padding:1.15rem 1.2rem;box-shadow:var(--sp-shadow-sm);transition:transform .18s ease,box-shadow .18s ease;height:100%}.kpi-card:hover{transform:translateY(-3px);box-shadow:var(--sp-shadow-lift)}.kpi-card .k-icon{width:46px;height:46px;border-radius:.9rem;display:grid;place-items:center;font-size:1.12rem;color:#fff;flex-shrink:0}.k-grad-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 8px 18px -7px #2563eb8c}.k-grad-cyan{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 8px 18px -7px #06b6d480}.k-grad-teal{background:linear-gradient(135deg,#14b8a6,#0f766e);box-shadow:0 8px 18px -7px #14b8a680}.k-grad-emerald{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 18px -7px #10b98180}.k-grad-amber{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 18px -7px #f59e0b80}.k-grad-violet{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 8px 18px -7px #8b5cf680}.k-grad-rose{background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 8px 18px -7px #f43f5e80}.k-grad-slate{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 8px 18px -7px #64748b80}.k-grad-indigo{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 8px 18px -7px #6366f180}.kpi-card .k-label{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--sp-ink-500)}.kpi-card .k-value{font-size:1.5rem;font-weight:800;color:var(--sp-ink-900);letter-spacing:-.02em;line-height:1.15;word-break:break-word}.kpi-card .k-sub{font-size:.74rem;color:var(--sp-ink-400);font-weight:600}.kpi-card:after{content:"";position:absolute;right:-34px;top:-34px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.06),transparent 70%);pointer-events:none}.growth-badge{font-size:.7rem;font-weight:800;padding:.2rem .55rem;border-radius:999px;display:inline-flex;align-items:center;gap:.25rem}.growth-up{background:#ecfdf5;color:#059669}.growth-down{background:#fef2f2;color:#dc2626}.growth-flat{background:#f1f5f9;color:#64748b}.quick-chip{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:700;color:var(--sp-ink-600);background:#fff;border:1px solid var(--sp-border);border-radius:.75rem;padding:.5rem .85rem;text-decoration:none;transition:all .15s ease}.quick-chip:hover{color:var(--sp-brand-700);border-color:var(--sp-brand-300);background:var(--sp-brand-50)}.quick-chip i{color:var(--sp-brand-600)}.bar-chart{display:flex;align-items:flex-end;gap:10px;height:210px;padding-top:1.5rem}.bar-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;height:100%}.bar{width:100%;max-width:42px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#60a5fa,#2563eb);position:relative;box-shadow:0 8px 16px -8px #2563eb80;transition:height .5s cubic-bezier(.4,0,.2,1)}.bar-tip{position:absolute;top:-34px;left:50%;transform:translate(-50%);background:#0f172a;color:#fff;font-size:.68rem;font-weight:700;padding:.3rem .55rem;border-radius:.5rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s ease;z-index:5}.bar-col:hover .bar-tip{opacity:1;top:-38px}.bar-label{font-size:.74rem;font-weight:700;color:var(--sp-ink-500)}.donut-wrap{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap;justify-content:center}.donut{width:178px;height:178px;border-radius:50%;position:relative;flex-shrink:0;box-shadow:inset 0 0 0 1px #0f172a0a}.donut-center{position:absolute;inset:13px;background:#fff;border-radius:50%;display:grid;place-items:center;text-align:center;box-shadow:0 2px 10px -4px #0f172a1f}.legend-dot{width:11px;height:11px;border-radius:4px;flex-shrink:0}.user-row{display:flex;align-items:center;gap:.75rem}@media(max-width:575.98px){.kpi-card{padding:.95rem 1rem}.kpi-card .k-icon{width:40px;height:40px;font-size:1rem;border-radius:.75rem}.kpi-card .k-value{font-size:1.2rem}.bar-chart{height:170px;gap:7px}.donut-wrap{gap:1.1rem}.donut{width:150px;height:150px}}.sp-body{background:radial-gradient(900px 320px at 88% -10%,rgba(37,99,235,.06),transparent 60%),radial-gradient(700px 280px at -5% 15%,rgba(6,182,212,.05),transparent 55%),var(--sp-bg);min-height:100vh;overflow-x:hidden;display:flex}body.sidebar-locked{overflow:hidden}.sp-topbar{position:sticky;top:0;z-index:1030;background:#ffffffd1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(15,23,42,.06);padding:.7rem 1rem;display:flex;align-items:center;gap:.6rem}.sp-topbar .sp-page-title{font-size:1.05rem;font-weight:800;color:var(--sp-ink-900);margin:0;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-topbar-balance{display:inline-flex;align-items:center;gap:.5rem;background:var(--sp-brand-50);border:1px solid var(--sp-brand-100);color:var(--sp-brand-700);font-weight:800;font-size:.85rem;padding:.42rem .9rem;border-radius:999px;white-space:nowrap}.sp-topbar-balance i{color:var(--sp-brand-500)}.sp-icon-btn{width:42px;height:42px;border-radius:.8rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--sp-border);background:#fff;color:var(--sp-ink-600);transition:all .18s ease;font-size:1rem}.sp-icon-btn:hover{background:var(--sp-brand-50);color:var(--sp-brand-600);border-color:var(--sp-brand-200);transform:translateY(-1px)}.sp-avatar-btn{width:42px;height:42px;border:0;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-weight:800;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 14px -6px #2563eb8c;transition:all .18s ease}.sp-avatar-btn:hover{transform:translateY(-1px);box-shadow:0 10px 18px -6px #2563eb99}.sp-profile-menu{min-width:15rem;padding:.7rem}.sp-profile-menu-head{display:flex;align-items:center;gap:.8rem;padding:.3rem .5rem .6rem}.sp-avatar-sm-inline{width:42px;height:42px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.app-sidebar.sp-light-sidebar{width:268px;background:#fff;border-right:1px solid var(--sp-border);z-index:1045}@media(min-width:992px){.app-sidebar.sp-light-sidebar{background:#fffffff0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:width .28s cubic-bezier(.25,.8,.25,1)}}@media(min-width:992px){body.sp-sidebar-rail .app-sidebar.sp-light-sidebar{width:96px}body.sp-sidebar-rail .app-main-lg{margin-left:96px}}.sp-brand{display:flex;align-items:center;gap:.4rem;padding:1.05rem 1.1rem;border-bottom:1px solid var(--sp-border);flex-shrink:0}.sp-brand a{flex:1;min-width:0;display:flex;align-items:center;gap:.6rem;text-decoration:none}.sp-brand-badge{width:38px;height:38px;border-radius:.7rem;flex-shrink:0;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 6px 14px -6px #2563eb80;color:#fff;font-size:1.05rem}.sp-brand-badge img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sp-brand-name{font-weight:800;color:var(--sp-ink-900);letter-spacing:-.02em;font-size:1.05rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-sidebar-close{margin-left:auto;width:34px;height:34px;border-radius:.6rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--sp-border);background:var(--sp-surface-soft);color:var(--sp-ink-500);font-size:.85rem;cursor:pointer;transition:all .15s ease}.sp-sidebar-close:hover{color:var(--sp-brand-700);background:var(--sp-brand-50);border-color:var(--sp-brand-200)}.sp-nav-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:.6rem .75rem .9rem;scrollbar-width:thin}.sp-nav-scroll::-webkit-scrollbar{width:5px}.sp-nav-scroll::-webkit-scrollbar-thumb{background:var(--sp-border-strong);border-radius:999px}.sp-nav-scroll::-webkit-scrollbar-track{background:transparent}.sp-nav-link{display:flex;align-items:center;gap:.7rem;position:relative;color:var(--sp-ink-600);border-radius:.75rem;padding:.48rem .65rem;font-weight:600;font-size:.875rem;text-decoration:none;transition:all .18s ease;margin-bottom:2px;margin-left:.4rem}.sp-nav-link:before{content:"";position:absolute;left:-.4rem;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:62%;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--sp-brand-400),var(--sp-brand-600));transition:transform .18s ease}.sp-nav-link.active:before{transform:translateY(-50%) scaleY(1)}.sp-nav-ico{width:32px;height:32px;border-radius:.6rem;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--sp-surface-soft);color:var(--sp-ink-500);font-size:.82rem;transition:all .18s ease}.sp-nav-txt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-nav-link:hover{color:var(--sp-brand-700);background:var(--sp-brand-50)}.sp-nav-link:hover .sp-nav-ico{background:#fff;color:var(--sp-brand-600);box-shadow:var(--sp-shadow-sm)}.sp-nav-link.active{color:#fff;background:linear-gradient(135deg,var(--sp-brand-500),var(--sp-brand-700));box-shadow:0 8px 18px -8px #2563eb99}.sp-nav-link.active .sp-nav-ico{background:#ffffff38;color:#fff}.sp-nav-badge{margin-left:auto;flex-shrink:0;min-width:20px;height:20px;padding:0 .45rem;border-radius:999px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:.66rem;font-weight:800;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 10px -3px #ef444480}.sp-sidebar-foot{flex-shrink:0;padding:.7rem .9rem 1rem;border-top:1px solid var(--sp-border)}.sp-foot-btn{display:flex;align-items:center;gap:.65rem;width:100%;text-align:left;border:1px solid var(--sp-border);background:var(--sp-surface-soft);color:var(--sp-ink-600);font-weight:600;font-size:.85rem;padding:.6rem .75rem;border-radius:.7rem;margin-bottom:.45rem;transition:all .18s ease;font:inherit}.sp-foot-btn:last-child{margin-bottom:0}.sp-foot-btn .sp-foot-ico{width:18px;text-align:center;color:var(--sp-ink-500);font-size:.85rem;display:inline-flex;justify-content:center}.sp-foot-btn:hover{background:#fff;color:var(--sp-brand-700);border-color:var(--sp-brand-200);box-shadow:var(--sp-shadow-sm);transform:translateY(-1px)}.sp-foot-btn:hover .sp-foot-ico{color:var(--sp-brand-600)}@media(min-width:992px){body.sp-sidebar-rail .sp-brand{justify-content:center;padding:1.05rem .5rem}body.sp-sidebar-rail .sp-brand-name{display:none}body.sp-sidebar-rail .sp-brand .sp-brand-badge{width:42px!important;height:42px!important}body.sp-sidebar-rail .sp-brand-badge img{width:42px!important;height:42px!important;min-width:0!important;-o-object-fit:contain!important;object-fit:contain!important}body.sp-sidebar-rail .sp-nav-scroll{padding:.2rem .6rem .9rem}body.sp-sidebar-rail .sp-nav-link{justify-content:center;padding:.5rem;margin-left:0;margin-bottom:.35rem}body.sp-sidebar-rail .sp-nav-link:before{display:none}body.sp-sidebar-rail .sp-nav-link .sp-nav-ico{width:40px;height:40px;border-radius:.85rem;font-size:.95rem}body.sp-sidebar-rail .sp-nav-txt{display:none}body.sp-sidebar-rail .sp-nav-badge:not(.d-none){position:absolute;top:6px;right:calc(50% - 24px);width:8px;height:8px;min-width:0;padding:0;font-size:0;border-radius:50%;background:#ef4444}body.sp-sidebar-rail .sp-foot-btn{justify-content:center;padding:.6rem}body.sp-sidebar-rail .sp-foot-txt{display:none}}.sp-rail-tip{position:fixed;left:108px;transform:translateY(-50%);background:#0f172a;color:#fff;font-size:.72rem;font-weight:700;white-space:nowrap;padding:.32rem .7rem;border-radius:.5rem;box-shadow:0 10px 20px -8px #0f172a80;z-index:1200;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.sp-rail-tip.show{opacity:1;visibility:visible}.sp-rail-tip:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#0f172a;border-radius:2px;rotate:45deg}.sp-rail-toggle{color:var(--sp-ink-500)}.sp-main{min-height:100vh;display:flex;flex-direction:column;flex:1;min-width:0}.sp-content{flex:1;width:100%}.sp-mobile-bottom-nav{display:none}@media(max-width:991.98px){.sp-mobile-bottom-nav{display:flex;align-items:stretch;justify-content:space-around;position:fixed;left:0;right:0;bottom:0;z-index:1045;background:#fffffff7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--sp-border);box-shadow:0 -8px 24px -18px #0f172a59;padding:.45rem .35rem calc(.45rem + env(safe-area-inset-bottom))}.sp-mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.22rem;flex:1;max-width:100px;color:var(--sp-ink-500);font-size:.6rem;font-weight:700;text-decoration:none;padding:.25rem .2rem;border-radius:.75rem;transition:all .15s ease}.sp-mobile-bottom-nav a i{font-size:1.05rem}.sp-mobile-bottom-nav a span{line-height:1}.sp-mobile-bottom-nav a:hover,.sp-mobile-bottom-nav a.active{color:var(--sp-brand-600);background:var(--sp-brand-50)}.sp-mobile-nav-fab{margin-top:-1.6rem;position:relative}.sp-mobile-nav-fab i{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--sp-brand-500),var(--sp-brand-700));color:#fff;font-size:1.05rem;display:grid;place-items:center;box-shadow:0 10px 22px -8px #2563eba6;transition:all .18s ease}.sp-mobile-nav-fab:hover i,.sp-mobile-nav-fab.active i{transform:translateY(-2px) scale(1.04)}.sp-mobile-nav-fab span{margin-top:.1rem}}@media(max-width:991.98px){.sp-content{padding-bottom:6.5rem!important}}@media(max-width:991.98px){.app-sidebar.sp-light-sidebar{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}}@media(max-width:991.98px){.sp-body{flex-direction:column}.app-sidebar.sp-light-sidebar{box-shadow:0 24px 60px -18px #0f172a4d}.sp-topbar{padding:.6rem .8rem}.sp-topbar .sp-page-title{font-size:.95rem}}@media(max-width:575.98px){.sp-icon-btn{width:38px;height:38px;border-radius:.7rem;font-size:.92rem}.sp-avatar-btn{width:38px;height:38px;font-size:.82rem}.sp-topbar-balance{font-size:.78rem;padding:.38rem .75rem}}.sp-hero{position:relative;overflow:hidden;border-radius:1.4rem;background:radial-gradient(640px 260px at 88% -18%,rgba(6,182,212,.35),transparent 60%),radial-gradient(420px 220px at 8% 120%,rgba(37,99,235,.45),transparent 60%),linear-gradient(135deg,#2563eb,#1d4ed8 55%,#1e40af);color:#fff;padding:1.7rem 1.8rem;box-shadow:0 24px 45px -18px #2563eb8c;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap}.sp-hero:before{content:"";position:absolute;right:-50px;top:-60px;width:210px;height:210px;border-radius:50%;border:2px solid rgba(255,255,255,.14)}.sp-hero:after{content:"";position:absolute;right:40px;top:8px;width:96px;height:96px;border-radius:50%;border:2px solid rgba(255,255,255,.12)}.sp-hero .sp-hero-ico{width:46px;height:46px;border-radius:.95rem;display:inline-flex;align-items:center;justify-content:center;background:#ffffff29;border:1px solid rgba(255,255,255,.22);color:#fff;font-size:1.1rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sp-hero-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;opacity:.9}.sp-hero-amount{font-size:2.2rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}.sp-hero-sub{font-size:.8rem;opacity:.85}.sp-hero-actions{display:flex;gap:.6rem;flex-wrap:wrap}.sp-hero-actions .btn{box-shadow:0 10px 22px -10px #0f172a66;border:0}.sp-hero-actions .btn-light{color:var(--sp-brand-700);font-weight:700}.sp-hero-actions .btn-ghost{background:#ffffff29;border:1px solid rgba(255,255,255,.28);color:#fff;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sp-hero-actions .btn-ghost:hover{background:#ffffff42;color:#fff;transform:translateY(-1px)}@media(max-width:575.98px){.sp-hero{padding:1.2rem 1.15rem;border-radius:1.15rem}.sp-hero-amount{font-size:1.7rem}.sp-hero-actions .btn{padding:.5rem .85rem;font-size:.82rem}}.sp-stat{position:relative;overflow:hidden;border:1px solid var(--sp-border);border-radius:1.15rem;background:var(--sp-surface);box-shadow:var(--sp-shadow);padding:1.15rem 1.2rem;height:100%;display:flex;align-items:center;justify-content:space-between;gap:.8rem;transition:transform .18s ease,box-shadow .18s ease}.sp-stat:hover{transform:translateY(-3px);box-shadow:var(--sp-shadow-lift)}.sp-stat:after{content:"";position:absolute;right:-30px;top:-30px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.07),transparent 70%);pointer-events:none}.sp-stat-icon{width:46px;height:46px;border-radius:.85rem;flex-shrink:0;display:grid;place-items:center;font-size:1.1rem;color:#fff}.sp-stat-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--sp-ink-500)}.sp-stat-value{font-size:1.7rem;font-weight:800;color:var(--sp-ink-900);letter-spacing:-.02em;line-height:1.1}.sp-stat-link{font-size:.74rem;font-weight:700;color:var(--sp-brand-600);text-decoration:none;display:inline-flex;align-items:center;gap:.3rem;margin-top:.3rem}.sp-stat-link:hover{color:var(--sp-brand-700);gap:.45rem}@media(max-width:575.98px){.sp-stat{padding:.95rem 1rem}.sp-stat-icon{width:40px;height:40px;border-radius:.75rem;font-size:.95rem}.sp-stat-value{font-size:1.35rem}}.sp-grad-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 8px 16px -7px #2563eb8c}.sp-grad-emerald{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 16px -7px #10b98180}.sp-grad-amber{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 16px -7px #f59e0b80}.sp-grad-cyan{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 8px 16px -7px #06b6d480}.sp-grad-violet{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 8px 16px -7px #8b5cf680}.sp-grad-teal{background:linear-gradient(135deg,#14b8a6,#0f766e);box-shadow:0 8px 16px -7px #14b8a680}.sp-grad-rose{background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 8px 16px -7px #f43f5e80}.sp-grad-indigo{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 8px 16px -7px #6366f180}.sp-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.sp-quick-action{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:1rem;padding:1rem .6rem;color:var(--sp-ink-700);text-decoration:none;box-shadow:var(--sp-shadow-sm);transition:all .18s ease;min-width:0}.sp-quick-action i{width:40px;height:40px;border-radius:.8rem;display:grid;place-items:center;font-size:.95rem}.sp-quick-action span{font-size:.76rem;font-weight:700;text-align:center;line-height:1.2}.sp-quick-action:hover{transform:translateY(-3px);box-shadow:var(--sp-shadow-lift);border-color:var(--sp-brand-200);color:var(--sp-ink-900)}@media(max-width:575.98px){.sp-quick-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}}.sp-section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.9rem;flex-wrap:wrap}.sp-section-title{display:inline-flex;align-items:center;gap:.55rem;font-size:.98rem;font-weight:800;color:var(--sp-ink-900);letter-spacing:-.01em;margin:0}.sp-section-title i{color:var(--sp-brand-600)}.sp-hero-strip{display:flex;gap:1.2rem;flex-wrap:wrap;align-items:center}.sp-hero-stat .h-num{font-size:1.05rem;font-weight:800;line-height:1}.sp-hero-stat .h-lbl{font-size:.66rem;font-weight:600;opacity:.8;text-transform:uppercase;letter-spacing:.05em}.page-header h4{font-weight:800;color:var(--sp-ink-900);letter-spacing:-.02em;font-size:1.35rem}.page-header small{font-size:.82rem}@media(max-width:575.98px){.page-header h4{font-size:1.15rem}}.card:hover{box-shadow:var(--sp-shadow)}.filter-toolbar{box-shadow:var(--sp-shadow-sm)}@media print{.sp-mobile-bottom-nav{display:none!important}}