body.app-theme{--p900:#2e1065;--p800:#3b0f78;--p700:#4c1d95;--p600:#6d28d9;--p400:#a78bfa;--p200:#ddd2fe;--p100:#f1ecff;--ink:#17111f;--ink-2:#4b4458;--muted-ink:#8b8597;--line:#ebe8f0;--surface:#f7f6f9;--display:"Outfit", "Plus Jakarta Sans", system-ui, sans-serif;--ui:"Plus Jakarta Sans", "Inter", system-ui, sans-serif;--bg-primary:var(--surface);--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#faf9fc;--bg-input:#fff;--border-color:var(--line);--border-active:var(--p600);--text-primary:var(--ink);--text-secondary:var(--ink-2);--text-muted:var(--muted-ink);--accent-primary:var(--p700);--accent-primary-hover:var(--p800);--accent-gradient:linear-gradient(135deg, var(--p600), var(--p900));--accent-glow:#6d28d938;--success:#16a34a;--success-bg:#e7f7ec;--danger:#dc2626;--danger-bg:#fdecec;--warning:#b7791f;--warning-bg:#fdf4e3;--info:var(--p600);--info-bg:var(--p100);--radius:14px;--radius-sm:12px;--radius-lg:24px;--shadow-card:0 1px 0 var(--line);--shadow-glow:0 10px 30px -10px #4c1d9573;--font-inter:var(--ui);--font-sora:var(--display);background:var(--surface);color:var(--ink);font-family:var(--ui)}body.app-theme h1,body.app-theme h2,body.app-theme h3,body.app-theme h4{font-family:var(--display);letter-spacing:-.01em}body.app-theme .app-layout{background:var(--surface)}body.app-theme .main-content{background:var(--surface);min-height:100vh;margin-left:272px}body.app-theme .sidebar{border-right:1px solid var(--line);background:#fff;width:272px;padding:22px 16px 16px;overflow:hidden}body.app-theme .sidebar-header{border:none;justify-content:space-between;align-items:center;gap:8px;padding:4px 10px 18px;display:flex}body.app-theme .sidebar-role-badge{font:600 10px var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-ink)}body.app-theme .sidebar-team{background:var(--p100);color:var(--ink-2);border-radius:14px;gap:2px;margin:0 4px 12px;padding:10px 12px;font-size:12px;display:grid}body.app-theme .sidebar-team b{color:var(--p800);align-items:center;gap:6px;display:inline-flex}body.app-theme .sidebar-nav{flex:1;gap:0;padding:0;overflow-y:auto}body.app-theme .nav-group{flex-direction:column;gap:1px;margin-bottom:10px;display:flex}body.app-theme .nav-label{font:600 11px var(--ui);letter-spacing:.07em;text-transform:uppercase;margin:0;padding:6px 12px;color:var(--muted-ink)!important}body.app-theme .nav-link{width:100%;color:var(--ink-2);font:500 14.5px var(--ui);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;padding:8px 12px}body.app-theme .nav-link:hover{background:var(--p100);color:var(--p800)}body.app-theme .nav-link.active{background:var(--p100);color:var(--p800);box-shadow:inset 3px 0 0 var(--p700);font-weight:600}body.app-theme .nav-link.active:before,body.app-theme .nav-link-chevron{display:none}body.app-theme .nav-link svg{color:currentColor}body.app-theme .sidebar-action{color:var(--ink-2)}body.app-theme .sidebar-footer{border-top:1px solid var(--line);background:0 0;gap:10px;padding:12px 4px 0;display:grid}body.app-theme .sidebar-note{border:1px dashed var(--p200);text-align:center;color:var(--p700);border-radius:12px;padding:9px 12px;font-size:12px;font-weight:600;text-decoration:none}body.app-theme .sidebar-note-link:hover{background:var(--p100)}body.app-theme .sidebar-balance-card{background:var(--p100);border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:10px 10px 10px 14px;display:flex}body.app-theme .sidebar-balance-card>div{display:grid}body.app-theme .sidebar-balance-label{font:600 11px var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}body.app-theme .sidebar-balance-value{font:500 17px var(--display);color:var(--p900);letter-spacing:-.01em}body.app-theme .sidebar-topup{background:var(--p700);color:#fff;height:34px;font:600 13.5px var(--ui);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 12px;text-decoration:none;display:inline-flex}body.app-theme .sidebar-topup:hover{background:var(--p800)}body.app-theme .sidebar-user-info{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:10px;padding:10px;display:flex}body.app-theme .sidebar-user-avatar{color:#fff;width:38px;height:38px;font:600 15px var(--display);background:linear-gradient(135deg, var(--p400), var(--p700));border-radius:50%;flex-shrink:0;place-items:center;display:grid}body.app-theme .sidebar-user-details{flex:1;min-width:0;display:grid}body.app-theme .sidebar-user-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}body.app-theme .sidebar-user-role{color:var(--muted-ink);text-transform:none;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}body.app-theme .sandbox-badge{background:var(--warning-bg);color:var(--warning);border-radius:6px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:700}body.app-theme .sidebar-icon-btn{background:var(--surface);width:34px;height:34px;color:var(--ink-2);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;place-items:center;display:grid}body.app-theme .sidebar-icon-btn:hover{color:var(--danger);background:#fdecec}body.app-theme .sidebar-user-info{gap:8px;padding:8px}body.app-theme .sidebar-user-info .notification-bell-btn{background:var(--surface);width:34px;height:34px;color:var(--ink-2);border:none;border-radius:12px}body.app-theme .btn-logout{color:var(--ink-2);font:500 14px var(--ui);background:0 0;border:none;border-radius:12px;justify-content:flex-start;gap:10px;padding:10px 12px}body.app-theme .btn-logout:hover{color:var(--danger);background:#fdecec}body.app-theme .sidebar-close-btn{display:none}body.app-theme .page-header{background:0 0;border:none;padding:34px 40px 6px}body.app-theme .page-header h2{font:400 36px/1.1 var(--display);letter-spacing:-.03em;color:var(--ink)}body.app-theme .page-header p{color:var(--muted-ink);margin-top:8px;font-size:15px}body.app-theme .page-body{padding:22px 40px 48px}body.app-theme .card,body.app-theme .stat-card,body.app-theme .admin-stat-card,body.app-theme .dashboard-metric{border:1px solid var(--line);box-shadow:none;background:#fff;border-radius:24px}body.app-theme .stat-card:before{display:none}body.app-theme .stat-card:hover{border-color:var(--p200);transform:none}body.app-theme .card-header{border-bottom:1px solid var(--line);background:0 0;padding:20px 24px}body.app-theme .card-header h3{font:400 21px var(--display);color:var(--ink)}body.app-theme .card-body{padding:22px 24px}body.app-theme .stat-value,body.app-theme .stat-card-value{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);font-weight:400}body.app-theme .stat-card-label,body.app-theme .stat-label{color:var(--ink-2);text-transform:none;letter-spacing:0;font-weight:500}body.app-theme .stat-card-icon,body.app-theme .stat-icon{border-radius:50%;background:var(--surface)!important;color:var(--ink-2)!important}body.app-theme .stat-card-icon svg,body.app-theme .stat-icon svg{stroke:currentColor;color:var(--ink-2)!important}body.app-theme .btn{font:600 14px var(--ui);border-radius:999px}body.app-theme .btn-primary{background:var(--p900);color:#fff;box-shadow:none;border:none}body.app-theme .btn-primary:hover{background:var(--p800);box-shadow:var(--shadow-glow);transform:none}body.app-theme .btn-secondary{border:1px solid var(--line);color:var(--ink);background:#fff}body.app-theme .btn-secondary:hover{background:var(--p100);border-color:var(--p200);color:var(--p800)}body.app-theme .btn-danger{color:var(--danger);background:#fdecec;border:1px solid #f9caca}body.app-theme .btn-danger:hover{background:var(--danger);color:#fff}body.app-theme .btn-success{background:var(--success-bg);color:var(--success);border:1px solid #bfe8cb}body.app-theme .form-label{color:var(--ink-2);font:600 12.5px var(--ui);letter-spacing:.02em}body.app-theme .form-input,body.app-theme .form-select,body.app-theme .form-textarea{border:1px solid var(--line);color:var(--ink);font-family:var(--ui);background:#fff;border-radius:14px}body.app-theme .form-input:focus,body.app-theme .form-select:focus,body.app-theme .form-textarea:focus{border-color:var(--p600);outline:none;box-shadow:0 0 0 4px #6d28d91f}body.app-theme .form-hint{color:var(--muted-ink)}body.app-theme input[type=checkbox],body.app-theme input[type=radio]{accent-color:var(--p700)}body.app-theme .table-wrapper{border:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--p200) transparent;border-radius:18px;max-width:100%;overflow:auto hidden}body.app-theme .data-table td .btn,body.app-theme .data-table td button{white-space:nowrap}body.app-theme .data-table thead th{background:var(--surface);color:var(--muted-ink);font:600 12.5px var(--ui);text-transform:none;letter-spacing:0;border-bottom:1px solid var(--line)}body.app-theme .data-table td{border-color:var(--line);color:var(--ink-2)}body.app-theme .data-table tbody tr:hover{background:#faf9fc}body.app-theme .badge{border:none;border-radius:999px;font-weight:600}body.app-theme .badge-success{background:var(--success-bg);color:var(--success)}body.app-theme .badge-danger{background:var(--danger-bg);color:var(--danger)}body.app-theme .badge-warning{background:var(--warning-bg);color:var(--warning)}body.app-theme .badge-info,body.app-theme .badge-primary{background:var(--p100);color:var(--p800)}body.app-theme .alert-box{border-radius:16px}body.app-theme .modal-content{border:1px solid var(--line);border-radius:24px;box-shadow:0 30px 80px -30px #2e106566}body.app-theme .modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17111f73}body.app-theme .spinner{border-color:var(--p100);border-top-color:var(--p700)}body.app-theme .recharts-cartesian-grid line{stroke:var(--line)}body.app-theme .recharts-text{fill:var(--muted-ink);font-family:var(--ui)}body.app-theme .mobile-tabbar{display:none}@media (max-width:768px){body.app-theme .main-content{margin-left:0;padding-bottom:84px}body.app-theme .sidebar{z-index:10001;width:min(300px,86vw);transform:translate(-102%);box-shadow:0 20px 60px #17111f4d}body.app-theme .sidebar.open{transform:none}body.app-theme .sidebar-backdrop{z-index:10000}body.app-theme .sidebar-close-btn{background:var(--surface);width:36px;height:36px;color:var(--ink-2);border:none;border-radius:12px;place-items:center;display:grid;position:absolute;top:18px;right:14px}body.app-theme .sidebar-header{padding-right:44px}body.app-theme .page-header{padding:22px 16px 4px}body.app-theme .page-header h2{font-size:28px}body.app-theme .page-body{padding:16px 16px 28px}body.app-theme .card{border-radius:20px}body.app-theme .mobile-tabbar{z-index:900;padding:8px 6px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffffff7;display:flex;position:fixed;bottom:0;left:0;right:0}body.app-theme .mobile-tab{color:var(--muted-ink);font:500 11px var(--ui);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:4px 0;text-decoration:none;display:flex}body.app-theme .mobile-tab.active{color:var(--p800);font-weight:600}body.app-theme .mobile-tab-icon{border-radius:999px;place-items:center;width:46px;height:30px;display:grid}body.app-theme .mobile-tab.active .mobile-tab-icon{background:var(--p100)}body.app-theme button[aria-label^=Ask\ Sphia]{overflow:hidden;bottom:calc(84px + env(safe-area-inset-bottom))!important;border-radius:50%!important;width:52px!important;height:52px!important;padding:0!important;right:14px!important}body.app-theme button[aria-label^=Ask\ Sphia] span{display:none}}body.app-theme .main-content,body.app-theme .page-body,body.app-theme .card{min-width:0;max-width:100%}@media (max-width:1100px){body.app-theme .main-content{overflow-x:clip}body.app-theme .card table,body.app-theme .page-body table{-webkit-overflow-scrolling:touch;max-width:100%;display:block;overflow-x:auto}body.app-theme .card-header{gap:12px;flex-wrap:wrap!important}body.app-theme .card-header>*{min-width:0;max-width:100%}body.app-theme .card-header input,body.app-theme .card-header select{max-width:100%}body.app-theme .page-header{flex-wrap:wrap;gap:12px}body.app-theme .card-header>div{flex-wrap:wrap}body.app-theme .card-header>div>input,body.app-theme .card-header>div>select{flex:140px;min-width:0}}body.app-theme .driver-popover.smsgo-driver-popover{border:1px solid var(--line)!important;font-family:var(--ui)!important;color:var(--ink)!important;border-radius:24px!important;box-shadow:0 18px 40px #2e10652e!important}body.app-theme .driver-popover.smsgo-driver-popover .driver-popover-title{font-family:var(--display)!important;color:var(--ink)!important;font-size:18px!important;font-weight:500!important}body.app-theme .driver-popover.smsgo-driver-popover .driver-popover-description{color:var(--ink-2)!important}body.app-theme .driver-popover.smsgo-driver-popover .driver-popover-progress-text{color:var(--p700)!important;background:var(--p100)!important}body.app-theme .driver-popover.smsgo-driver-popover .driver-popover-next-btn{background:var(--p900)!important;box-shadow:none!important;border-radius:999px!important}body.app-theme .driver-popover.smsgo-driver-popover .driver-popover-prev-btn{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:999px!important}