.driver-popover{all:unset;font-family:var(--driver-popover-font-family,"Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif);box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover-title{zoom:1;margin:0;font-size:19px;font-weight:700;line-height:1.5;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.5}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer-btn{all:unset;box-sizing:border-box;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font-size:12px;line-height:1.3;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}.driver-popover-footer-btn:hover,.driver-popover-footer-btn:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center,.driver-popover-arrow-none{display:none}.driver-active .driver-overlay{pointer-events:none}.driver-active.driver-no-scroll{overflow:hidden}.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in var(--driver-animation-duration,.4s) ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in var(--driver-animation-duration,.4s)}.driver-active-element-parent-no-scroll{overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}:root{--color-teal-950: #0a2e2e;--color-teal-900: #0f3d3d;--color-teal-800: #145454;--color-teal-700: #1a6b6b;--color-teal-600: #1f8585;--color-teal-500: #2a9d9d;--color-teal-400: #3db5b5;--color-teal-300: #6bc9c9;--color-teal-200: #a3dddd;--color-teal-100: #d4efef;--color-charcoal-950: #121416;--color-charcoal-900: #1a1d21;--color-charcoal-800: #242830;--color-charcoal-700: #323740;--color-charcoal-600: #454b56;--color-charcoal-500: #5c6370;--color-charcoal-400: #7a8290;--color-charcoal-300: #9aa1ad;--color-charcoal-200: #c2c6ce;--color-charcoal-100: #e4e6ea;--color-sand-500: #c4a574;--color-sand-400: #d4b896;--color-sand-300: #e2cdb4;--color-sand-200: #efe0d0;--color-sand-100: #f7f0e8;--color-surface: #f3f5f4;--color-surface-elevated: #ffffff;--color-surface-muted: #e8eceb;--color-ink: var(--color-charcoal-900);--color-ink-muted: var(--color-charcoal-500);--color-ink-subtle: var(--color-charcoal-400);--color-border: rgba(26, 29, 33, .1);--color-border-strong: rgba(26, 29, 33, .18);--color-primary: var(--color-teal-700);--color-primary-hover: var(--color-teal-800);--color-primary-soft: var(--color-teal-100);--color-accent: var(--color-sand-500);--color-accent-soft: var(--color-sand-200);--chip-day-bg: var(--color-sand-100);--chip-day-ink: #6b4f2a;--chip-night-bg: var(--color-charcoal-900);--chip-night-ink: var(--color-sand-200);--chip-anytime-bg: var(--color-teal-100);--chip-anytime-ink: var(--color-teal-800);--balance-hero-label: var(--color-teal-800);--chip-status-pending-ink: #7a5a00;--chip-status-debit-ink: #8a6508;--color-success: #2d7a4f;--color-success-soft: #d8efe3;--color-warning: #b8860b;--color-warning-soft: #f5ecd0;--color-danger: #b33a3a;--color-danger-soft: #f5d6d6;--color-info: var(--color-teal-600);--color-info-soft: var(--color-teal-100);--color-network-telkom: #0077c8;--color-network-telkom-soft: #d6ebf8;--color-network-mtn: #ffcc00;--color-network-mtn-ink: #3d3200;--color-network-mtn-soft: #fff6cc;--color-network-vodacom: #e60000;--color-network-vodacom-soft: #ffd6d6;--font-sans: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-display: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.65;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--sidebar-width: 240px;--topbar-height: 64px;--content-max: none;--bg-app: radial-gradient(ellipse 80% 50% at 0% 0%, rgba(26, 107, 107, .12), transparent 55%), radial-gradient(ellipse 60% 40% at 100% 0%, rgba(196, 165, 116, .14), transparent 50%), linear-gradient(160deg, #eef2f1 0%, #e4ebe9 45%, #ebe6df 100%);--gradient-brand-vertical: linear-gradient( 180deg, #000000 0%, #000000 32%, #0a2e2e 55%, #145454 82%, #1a6b6b 100% );--bg-sidebar-nav: var(--gradient-brand-vertical);--color-topbar-bg: #f3f5f4;--color-hover-wash: rgba(26, 29, 33, .06);--shadow-sm: 0 1px 2px rgba(18, 20, 22, .06);--shadow-md: 0 4px 16px rgba(18, 20, 22, .08);--shadow-lg: 0 12px 32px rgba(18, 20, 22, .12);--shadow-soft: var(--shadow-md);color-scheme:light;--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .15s;--duration-base: .22s;--duration-slow: .4s;--text-primary: var(--color-charcoal-900);--text-secondary: var(--color-charcoal-500);--text-muted: var(--color-charcoal-400);--bg-atmosphere: var(--bg-app);--border: var(--color-border);--border-strong: var(--color-border-strong);--accent-hover: var(--color-teal-500);--transition-fast: var(--duration-fast);--transition-med: var(--duration-base)}[data-theme=dark]{color-scheme:dark;--color-surface: #15181c;--color-surface-elevated: #1e2329;--color-surface-muted: #262b33;--color-ink: #e8eaed;--color-ink-muted: #9aa1ad;--color-ink-subtle: #7a8290;--color-border: rgba(232, 234, 237, .1);--color-border-strong: rgba(232, 234, 237, .18);--color-primary: var(--color-teal-400);--color-primary-hover: var(--color-teal-300);--color-primary-soft: rgba(42, 157, 157, .22);--color-accent-soft: rgba(196, 165, 116, .22);--color-success: #3d9a64;--color-success-soft: rgba(45, 122, 79, .28);--color-warning: #d4a017;--color-warning-soft: rgba(184, 134, 11, .28);--color-danger: #e06060;--color-danger-soft: rgba(179, 58, 58, .28);--color-info: var(--color-teal-400);--color-info-soft: rgba(42, 157, 157, .22);--color-network-telkom-soft: rgba(0, 119, 200, .22);--color-network-mtn-ink: #ffe566;--color-network-mtn-soft: rgba(255, 204, 0, .18);--color-network-vodacom-soft: rgba(230, 0, 0, .22);--chip-day-bg: rgba(196, 165, 116, .32);--chip-day-ink: #f0dcc4;--chip-night-bg: #2a3038;--chip-night-ink: #d4dce6;--chip-anytime-bg: rgba(42, 157, 157, .32);--chip-anytime-ink: #b8e8e8;--balance-hero-label: var(--color-teal-300);--chip-status-pending-ink: #f5d078;--chip-status-debit-ink: #f0c14b;--color-sand-100: rgba(196, 165, 116, .14);--color-sand-200: rgba(196, 165, 116, .24);--color-teal-100: rgba(42, 157, 157, .2);--color-teal-900: var(--color-teal-300);--color-charcoal-100: #323740;--color-charcoal-600: #9aa1ad;--color-charcoal-900: #e8eaed;--bg-app: #000000;--color-topbar-bg: #000000;--color-hover-wash: rgba(232, 234, 237, .06);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .28);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .45);--text-primary: var(--color-ink);--text-secondary: var(--color-ink-muted);--text-muted: var(--color-ink-subtle);--bg-atmosphere: var(--bg-app);--border: var(--color-border);--border-strong: var(--color-border-strong);--accent-hover: var(--color-teal-400)}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100%}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--color-ink);background:var(--bg-app);background-attachment:fixed}#root{min-height:100vh}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--color-ink)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}p{margin:0}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-primary-hover)}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}ul,ol{margin:0;padding:0;list-style:none}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.page-enter{animation:fade-in var(--duration-slow) var(--ease-out) both}.chart-enter{animation:fade-in-scale var(--duration-slow) var(--ease-out) both}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.55rem 1rem;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.2;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface-elevated);color:var(--color-ink);border:1px solid var(--color-border-strong)}.btn-secondary:hover{background:var(--color-surface-muted)}.btn-ghost{background:transparent;color:var(--color-ink-muted)}.btn-ghost:hover{background:var(--color-hover-wash);color:var(--color-ink)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#9a3030}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink-muted)}.form-input,.form-select,.form-textarea{width:100%;padding:.65rem .85rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-elevated);color:var(--color-ink);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-teal-500);box-shadow:0 0 0 3px #2a9d9d33}.form-textarea{min-height:100px;resize:vertical}.panel{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.panel:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.api-code{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-sm);overflow-x:auto;margin:var(--space-3) 0;white-space:pre-wrap;word-break:break-all}.panel-title{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-2)}.panel-subtitle{font-size:var(--text-sm);color:var(--color-ink-muted);margin-bottom:var(--space-4)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.2rem .55rem;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.02em;text-transform:uppercase;line-height:1.4}.badge-success{background:var(--color-success-soft);color:var(--color-success)}.badge-warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge-danger{background:var(--color-danger-soft);color:var(--color-danger)}.badge-info{background:var(--color-info-soft);color:var(--color-info)}.badge-muted{background:var(--color-charcoal-100);color:var(--color-charcoal-600)}.table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-elevated)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table th,.data-table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink-muted);background:var(--color-surface-muted)}.data-table tbody tr{transition:background-color var(--duration-fast) var(--ease-out)}.data-table tbody tr:hover{background:#1a6b6b0a}.data-table-row-clickable{cursor:pointer}.data-table tbody tr:last-child td{border-bottom:none}.text-muted{color:var(--color-ink-muted)}.text-subtle{color:var(--color-ink-subtle)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.page-title{margin-bottom:var(--space-1)}.page-subtitle{color:var(--color-ink-muted);font-size:var(--text-sm)}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4);align-items:center}.filter-search{flex:1 1 220px;min-width:180px;padding:.55rem .85rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-elevated)}.filter-bar select{padding:.55rem .85rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-elevated)}.data-panel{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4)}.panel-muted{color:var(--color-ink-muted);padding:var(--space-6);text-align:center}.table-link{font-weight:var(--weight-semibold)}.table-actions{text-align:right;white-space:nowrap}.table-actions-group{display:inline-flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.text-caps{text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.04em;font-weight:var(--weight-semibold)}.btn-sm{padding:.35rem .7rem;font-size:var(--text-xs)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap}.pagination-meta{font-size:var(--text-sm);color:var(--color-ink-muted)}.form-error{padding:.75rem 1rem;margin-bottom:var(--space-4);border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger);font-size:var(--text-sm);grid-column:1 / -1}.modal-overlay,.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:max(var(--space-4),env(safe-area-inset-top,0px)) var(--space-4) max(var(--space-4),env(safe-area-inset-bottom,0px));background:#12141673;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in var(--duration-fast) var(--ease-out) both;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-panel{display:flex;flex-direction:column;width:min(560px,100%);max-height:calc(100dvh - 2 * var(--space-4) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));margin-block:auto;overflow:hidden;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:fade-in-scale var(--duration-base) var(--ease-out) both}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex:0 0 auto;padding:var(--space-5) var(--space-6) var(--space-3);border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:var(--text-xl)}.modal-close{width:2rem;height:2rem;border-radius:var(--radius-sm);font-size:1.35rem;line-height:1;color:var(--color-ink-muted)}.modal-close:hover{background:var(--color-surface-muted);color:var(--color-ink)}.modal-body{flex:0 1 auto;min-height:0;max-height:calc(100dvh - 2 * var(--space-4) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 8.75rem);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--space-5) var(--space-6);scroll-padding-bottom:var(--space-4)}.modal-title{margin:0;font-size:var(--text-xl)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);flex:0 0 auto;padding:var(--space-4) var(--space-6) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface-elevated)}.modal-sm{width:min(420px,100%)}.modal-md{width:min(560px,100%)}.modal-lg{width:min(720px,100%)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-field .form-label{margin-bottom:0}.form-field--full,.modal-actions{grid-column:1 / -1}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2)}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}}.page-placeholder,.page-loading{display:flex;align-items:center;justify-content:center;min-height:40vh;animation:page-fade-in var(--duration-med, .28s) ease both}.page-placeholder p,.page-loading p{font-family:var(--font-display);font-size:1.25rem;color:var(--color-ink-muted, var(--text-muted));margin:0}@keyframes page-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes chart-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.page{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:none;animation:page-fade-in var(--transition-med) ease both}.page-hero{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.25rem;padding-bottom:.25rem}.page-eyebrow{margin:0 0 .35rem;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-teal-700)}.page-title{margin:0 0 .4rem;font-size:clamp(1.75rem,2.4vw,2.35rem);color:var(--text-primary)}.page-lede{margin:0;max-width:36rem;color:var(--text-secondary);font-size:.98rem}.page-alert{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid rgba(184,134,11,.28);background:var(--color-warning-soft);color:var(--color-warning)}.panel{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.15rem 1.25rem 1.25rem;box-shadow:var(--shadow-sm);color:var(--color-ink)}.panel-head{margin-bottom:.85rem}.panel-head.inline{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.panel-head h3{margin:0 0 .2rem;font-size:1.15rem}.panel-head p{margin:0;font-size:.88rem;color:var(--text-muted)}.btn-primary,.btn-ghost{border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.88rem;font-weight:600;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.btn-primary{border:1px solid transparent;background:linear-gradient(145deg,var(--color-teal-500),var(--color-teal-700));color:#f2f4f6}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{border:1px solid var(--border);background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-primary);background:#2a9aa31a}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.field span{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.field input,.field select,.field textarea{width:100%;padding:.55rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface-elevated);color:var(--color-ink);font:inherit}.field textarea{resize:vertical;min-height:5.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;line-height:1.45}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--color-teal-500);box-shadow:0 0 0 3px #2a9d9d33}.period-toggle{display:inline-flex;padding:.25rem;border-radius:999px;border:1px solid var(--color-border-strong);background:var(--color-surface-muted);gap:.15rem}.period-toggle-btn{border:none;background:transparent;color:var(--color-ink-muted);padding:.45rem .95rem;border-radius:999px;font-size:.85rem;font-weight:600;transition:background var(--transition-fast),color var(--transition-fast)}.period-toggle-btn:hover{color:var(--color-ink)}.period-toggle-btn.is-active{background:linear-gradient(145deg,var(--color-teal-600),var(--color-teal-800));color:#fff;box-shadow:0 4px 14px #0f525847}.stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.stat-pill{padding:.9rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-elevated);color:var(--color-ink)}.stat-pill.accent{border-color:#c4a57473;background:linear-gradient(145deg,var(--color-sand-100),var(--color-surface-elevated))}.stat-pill-label{display:block;margin-bottom:.35rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.stat-pill-value{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary)}.chart-panel{overflow:hidden}.chart-frame{height:260px;position:relative}.chart-frame-tall{height:320px}.chart-frame-short{height:140px;margin-top:.5rem}.chart-empty{display:grid;place-items:center;height:100%;color:var(--text-muted);font-family:var(--font-display)}.chart-enter{animation:chart-rise .52s ease both}.chart-enter.delay-1{animation-delay:80ms}.chart-enter.delay-2{animation-delay:.14s}.chart-enter.delay-3{animation-delay:.2s}.chart-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:1.25rem}.split-chart{display:grid;grid-template-columns:1.2fr .9fr;height:100%;gap:.5rem}.network-legend{list-style:none;margin:0;padding:.5rem .25rem 0;display:flex;flex-direction:column;gap:.55rem;justify-content:center}.network-legend li{display:grid;grid-template-columns:.65rem 1fr;gap:.25rem .55rem;align-items:center}.network-legend .swatch{width:.65rem;height:.65rem;border-radius:2px;grid-row:span 2}.network-name{font-size:.8rem;font-weight:600;color:var(--text-primary)}.network-meta{font-size:.75rem;color:var(--text-muted)}.chart-tooltip{padding:.65rem .8rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface-elevated);box-shadow:var(--shadow-md);color:var(--color-ink)}.chart-tooltip-label{margin:0 0 .35rem;color:var(--color-teal-800);font-size:.8rem;font-weight:600}.chart-tooltip-row{display:flex;justify-content:space-between;gap:1.25rem;margin:.15rem 0;font-size:.82rem;color:var(--color-ink-muted)}.chart-tooltip-row strong{color:var(--color-ink)}.table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid rgba(75,181,189,.1)}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:.7rem .85rem;text-align:left;border-bottom:1px solid rgba(75,181,189,.1);vertical-align:top}.data-table th{font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--color-ink-muted);background:var(--color-surface-muted);font-weight:600}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:#2a9aa312}.data-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.data-table .num.credit{color:var(--color-success)}.data-table .num.debit{color:var(--color-danger)}.table-empty{text-align:center!important;color:var(--text-muted);padding:2rem 1rem!important;font-family:var(--font-display)}.cell-stack{display:flex;flex-direction:column;gap:.1rem}.muted{color:var(--text-muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem}.tiny{font-size:.72rem}.nowrap{white-space:nowrap}.net-chip,.action-chip,.tx-chip,.status-dot{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.net-chip{background:var(--color-teal-100);color:var(--color-teal-800);border:1px solid rgba(26,107,107,.2)}.net-chip.net-mtn{background:var(--color-network-mtn-soft);color:var(--color-network-mtn-ink);border-color:#ffcc0073}.net-chip.net-vodacom{background:var(--color-network-vodacom-soft);color:#8a0000;border-color:#e6000040}.action-chip{text-transform:none;background:var(--color-teal-100);color:var(--color-teal-800);border:1px solid rgba(26,107,107,.18)}.tx-chip{text-transform:none}.tx-chip.tx-credit{background:var(--color-success-soft);color:var(--color-success)}.tx-chip.tx-debit,.tx-chip.tx-topup_charge{background:var(--color-warning-soft);color:var(--chip-status-debit-ink)}.filter-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:.75rem;align-items:end}.filter-actions{display:flex;gap:.5rem;flex-wrap:wrap}.pager{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:1rem}.pager-status{font-size:.85rem;color:var(--text-muted)}.details-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.access-denied{min-height:50vh;justify-content:center;align-items:center}.access-denied-panel{max-width:28rem;padding:2rem;border-radius:var(--radius-lg);border:1px solid rgba(196,165,116,.35);background:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(196,165,116,.18),transparent 55%),var(--color-surface-elevated);color:var(--color-ink);text-align:left}.balance-hero{position:relative;overflow:hidden;padding:1.75rem 1.5rem 1.5rem;border-radius:var(--radius-lg);border:1px solid var(--color-border-strong);background:linear-gradient(135deg,var(--color-teal-100) 0%,var(--color-surface-elevated) 48%,var(--color-sand-100) 100%);color:var(--color-ink)}.balance-glow{position:absolute;inset:-40% auto auto -10%;width:55%;height:120%;background:radial-gradient(circle,rgba(42,157,157,.22),transparent 65%);pointer-events:none}.balance-label{position:relative;margin:0 0 .35rem;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--balance-hero-label)}.balance-value{position:relative;margin:0 0 .75rem;font-family:var(--font-display);font-size:clamp(2.2rem,4vw,3rem);font-weight:700;color:var(--color-ink);letter-spacing:-.03em}.balance-meta{position:relative;display:flex;flex-wrap:wrap;gap:.75rem 1.15rem;font-size:.88rem;color:var(--color-ink-muted)}[data-theme=dark] .balance-hero{background:linear-gradient(135deg,rgba(42,157,157,.22) 0%,var(--color-surface-elevated) 52%,rgba(196,165,116,.14) 100%);border-color:var(--color-border-strong)}[data-theme=dark] .balance-glow{background:radial-gradient(circle,rgba(42,157,157,.14),transparent 65%)}.status-dot{text-transform:capitalize;background:var(--color-teal-100);color:var(--color-teal-800)}.billing-layout{display:grid;gap:1.25rem}.billing-layout.with-credit{grid-template-columns:minmax(240px,320px) 1fr}.credit-form{display:flex;flex-direction:column;gap:.85rem}.form-message{margin:0;font-size:.85rem;color:var(--color-sand-400)}.account-select{min-width:220px}@media (max-width: 960px){.stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid,.billing-layout.with-credit,.split-chart{grid-template-columns:1fr}.filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-actions{grid-column:1 / -1}}@media (max-width: 560px){.stat-strip,.filter-bar{grid-template-columns:1fr}.period-toggle{width:100%}.period-toggle-btn{flex:1}}@keyframes chart-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.field{display:flex;flex-direction:column;gap:.4rem}.field-label{font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.field-input{width:100%;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface-elevated);color:var(--color-ink);font-size:1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.field-input::placeholder{color:var(--color-charcoal-600)}.field-input:focus{outline:none;border-color:var(--color-teal-500);box-shadow:0 0 0 3px #2a9d9d33;background:var(--color-surface-elevated)}.field-input:disabled{opacity:.65;cursor:not-allowed}.form-error{padding:.75rem .9rem;border-radius:var(--radius-sm);border:1px solid rgba(179,58,58,.28);background:var(--color-danger-soft);color:var(--color-danger);font-size:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1.15rem;border-radius:var(--radius-sm);border:1px solid transparent;font-size:.92rem;font-weight:600;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(145deg,var(--color-teal-500),var(--color-teal-700));color:#f7fbfb;border-color:#4bb5bd59}.btn-primary:hover:not(:disabled){background:linear-gradient(145deg,var(--color-teal-400),var(--color-teal-600));transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--text-primary);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:#2a9aa31f;border-color:var(--color-teal-400)}.btn-sand{background:var(--color-sand-100);color:#6e5220;border-color:#c4a57480}.btn-sand:hover:not(:disabled){background:var(--color-sand-200)}.text-link{font-size:.85rem;font-weight:600;color:var(--color-teal-700)}.text-link:hover{color:var(--color-teal-900)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;margin-bottom:1.5rem}.page-eyebrow{margin:0 0 .35rem;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-teal-700)}.page-title{margin:0 0 .35rem;font-size:1.75rem;color:var(--color-ink)}.page-subtitle{margin:0;max-width:36rem;color:var(--color-ink-muted)}.panel{padding:1.15rem 1.25rem 1.25rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-elevated);box-shadow:var(--shadow-sm);color:var(--color-ink);animation:chart-rise var(--transition-med) ease both}.panel-error{max-width:32rem;margin:2rem auto;text-align:center}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.panel-title{margin:0;font-size:1.15rem}.panel-subtitle{margin:.2rem 0 0;font-size:.85rem;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:var(--radius-sm);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-teal-800);background:var(--color-teal-100);border:1px solid rgba(26,107,107,.18)}.badge-warn{color:#8a6508;background:var(--color-warning-soft);border-color:#b8860b47}.badge-danger{color:var(--color-danger);background:var(--color-danger-soft);border-color:#b33a3a47}.empty-inline{margin:.5rem 0 0;color:var(--color-ink-muted);font-size:.92rem}.empty-inline-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:.5rem}.panel-header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;flex-shrink:0}.assign-sims-list{display:flex;flex-direction:column;gap:.5rem}.assign-sims-select-all{padding-bottom:.35rem;border-bottom:1px solid var(--color-border)}.assign-sims-options{list-style:none;margin:0;padding:0;max-height:min(50vh,22rem);overflow:auto;display:flex;flex-direction:column;gap:.25rem}.assign-sims-option{width:100%;padding:.5rem .65rem;border-radius:var(--radius-sm);border:1px solid transparent;transition:background var(--transition-fast),border-color var(--transition-fast)}.assign-sims-option:hover{background:var(--color-surface-muted);border-color:var(--color-border)}.assign-sims-option-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.assign-sims-option-id{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.assign-sims-option-label{font-size:var(--text-xs);color:var(--color-ink-muted)}.assign-sims-option-balance{font-size:var(--text-xs);color:var(--color-ink-muted);white-space:nowrap}.stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.9rem;margin-bottom:1.25rem}.stat-panel .stat-label{margin:0 0 .35rem;font-size:var(--text-xs);color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.04em}.stat-panel .stat-value{margin:0;font-size:1.35rem;font-weight:var(--weight-semibold);line-height:1.2}.stat-panel .stat-value--sm{font-size:.95rem;font-weight:var(--weight-medium)}.stat-card{padding:1rem 1.05rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-elevated);color:var(--color-ink);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);animation:page-fade-in var(--transition-med) ease both}.stat-card:hover{transform:translateY(-2px);border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.stat-card.tone-teal{background:linear-gradient(160deg,var(--color-teal-100),var(--color-surface-elevated));border-color:#1a6b6b33}.stat-card.tone-sand{background:linear-gradient(160deg,var(--color-sand-100),var(--color-surface-elevated));border-color:#c4a57466}.stat-card.tone-alert-pulse{border-color:#b03e3e59;background:linear-gradient(160deg,rgba(176,62,62,.06),var(--color-surface-elevated));animation:faint-red-pulse 2.6s ease-in-out infinite}.stat-card.is-link{text-decoration:none;color:inherit;cursor:pointer;display:block}.stat-card.is-link:hover{transform:translateY(-2px)}@keyframes faint-red-pulse{0%,to{box-shadow:var(--shadow-sm),0 0 #b03e3e00}50%{box-shadow:var(--shadow-sm),0 0 12px 1px #b03e3e38}}@media (prefers-reduced-motion: reduce){.stat-card.tone-alert-pulse{animation:none;box-shadow:var(--shadow-sm),0 0 10px #b03e3e29}}.callout-fup{border-color:#b03e3e47;background:#b03e3e0d}.stat-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.45rem}.stat-card-label{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-ink-muted)}.stat-card-icon{color:var(--color-teal-700);font-size:.9rem}.stat-card-value{margin:0;font-family:var(--font-display);font-size:1.65rem;font-weight:600;color:var(--color-ink);letter-spacing:-.02em}.stat-card-hint{margin:.35rem 0 0;font-size:.8rem;color:var(--color-ink-muted)}.usage-chart{width:100%;min-height:180px;animation:chart-rise .55s ease both}.usage-chart-empty{display:grid;place-items:center;border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted)}.usage-chart-empty p{margin:0}.login-screen{position:relative;min-height:100vh;display:grid;place-items:center;padding:2rem 1.25rem;overflow:hidden}.login-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 55% at 18% 20%,rgba(26,127,135,.38),transparent 58%),radial-gradient(ellipse 55% 45% at 88% 12%,rgba(196,165,116,.16),transparent 52%),radial-gradient(ellipse 60% 50% at 60% 100%,rgba(10,61,66,.45),transparent 55%),linear-gradient(160deg,#062a2e,#121416 48%,#0d1f22);z-index:0}.login-atmosphere:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(242,244,246,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(242,244,246,.015) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black,transparent);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black,transparent);opacity:.7;pointer-events:none}[data-theme=dark] .login-atmosphere{background:var(--gradient-brand-vertical);background-attachment:fixed;background-size:100% 100vh;background-repeat:no-repeat;background-color:#000}[data-theme=dark] .login-atmosphere:after{opacity:.2}.login-composition{position:relative;z-index:1;width:min(440px,100%);display:flex;flex-direction:column;gap:2rem;animation:page-fade-in .45s ease both}.login-brand{text-align:center}.login-brand-logo{display:block;width:3.5rem;height:3.5rem;margin:0 auto 1rem;object-fit:contain;border-radius:var(--radius-md);background:#000;box-shadow:0 12px 40px #0f525873}.login-brand-mark{display:inline-grid;place-items:center;width:3.5rem;height:3.5rem;margin-bottom:1rem;border-radius:var(--radius-md);background:linear-gradient(145deg,var(--color-teal-500),var(--color-teal-900));color:var(--color-sand-200);font-family:var(--font-display);font-weight:700;font-size:1.15rem;letter-spacing:.06em;box-shadow:0 12px 40px #0f525873}.login-brand-title{margin:0 0 .65rem;font-size:clamp(2.4rem,6vw,3.25rem);line-height:1.05;color:var(--text-primary)}.login-brand-tagline{margin:0 auto;max-width:28rem;color:var(--text-secondary);font-size:1.02rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-submit{width:100%;margin-top:.35rem;padding:.9rem 1.15rem;font-size:1rem}.login-footer-link{margin:0;text-align:center;font-size:.95rem}.dashboard-page{animation:page-fade-in var(--transition-med) ease both}.dashboard-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:1rem;margin-bottom:1.15rem}.dashboard-grid-lists{grid-template-columns:1fr 1fr}.dashboard-chart-panel{min-width:0}.network-legend{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.network-legend li{display:flex;align-items:center;gap:.45rem;font-size:.85rem;color:var(--text-secondary)}.network-legend strong{color:var(--text-primary);font-weight:600}.network-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--color-teal-400)}.network-dot[data-network=mtn]{background:var(--color-sand-500)}.network-dot[data-network=vodacom]{background:var(--color-teal-700)}.callout{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-wrap:wrap;padding:1.15rem 1.25rem;margin-bottom:1.15rem;border-radius:var(--radius-lg);border:1px solid var(--border);animation:page-fade-in var(--transition-med) ease both}.callout-sand{background:linear-gradient(120deg,var(--color-sand-100),var(--color-surface-elevated));border-color:#c4a57466;color:var(--color-ink)}.callout-ok{background:linear-gradient(120deg,var(--color-teal-100),var(--color-surface-elevated));color:var(--color-ink)}.callout-copy{flex:1 1 220px}.callout-title{margin:0 0 .35rem;font-size:1.15rem}.callout-copy p{margin:0}.callout-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem;flex:1 1 240px}.callout-link{display:flex;flex-direction:column;gap:.1rem;padding:.45rem .55rem;border-radius:var(--radius-sm);color:inherit;transition:background var(--transition-fast)}.callout-link:hover{background:#c4a5741f;color:inherit}.callout-primary{font-weight:600;color:var(--text-primary)}.callout-meta{font-size:.8rem;color:var(--text-muted)}.work-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.work-list li{padding:.7rem .15rem;border-bottom:1px solid var(--border)}.work-list li:last-child{border-bottom:none}.work-list-main{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.2rem}.work-list-title{font-weight:600;color:var(--text-primary)}.work-list-meta{font-size:.8rem;color:var(--text-muted);text-transform:capitalize}@media (max-width: 1200px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 900px){.dashboard-grid,.dashboard-grid-lists{grid-template-columns:1fr}.page-header{flex-direction:column}}@media (max-width: 640px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-brand-title{font-size:2.2rem}}.sims-page .panel,.sim-detail-page .panel{background:var(--color-surface-elevated);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);color:var(--color-ink)}.sims-page .panel:hover,.sim-detail-page .panel:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.meta-pill{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:999px;background:var(--color-teal-100);color:var(--color-teal-800);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase}.filter-panel{display:flex;flex-direction:column;gap:var(--space-4)}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}.sims-page .filter-grid{grid-template-columns:minmax(180px,1.4fr) repeat(auto-fit,minmax(150px,1fr))}.sims-page .field-input,.sim-detail-page .field-input{background:var(--color-surface-elevated);color:var(--color-ink);border:1px solid var(--color-border-strong)}.sims-page .field-input:focus,.sim-detail-page .field-input:focus{background:var(--color-surface-elevated);border-color:var(--color-teal-500);box-shadow:0 0 0 3px #2a9d9d33}.sims-page .field-label,.sim-detail-page .field-label{color:var(--color-ink-muted)}.data-table-wrap{position:relative;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-border)}.data-table-wrap.is-refreshing{opacity:.72;pointer-events:none}.data-table-refresh{position:absolute;top:.75rem;right:.75rem;z-index:1}.data-table-inline-error{margin:.75rem .75rem 0;padding:.5rem .75rem;border-radius:var(--radius-sm);background:var(--color-danger-soft);color:var(--color-danger);font-size:.875rem}.data-table-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:10rem;padding:var(--space-8);text-align:center;color:var(--color-ink-muted)}.data-table-state.is-error{color:var(--color-danger);background:var(--color-danger-soft);border-radius:var(--radius-md)}.data-table-state p{margin:0;color:inherit}.data-table-spinner{width:1.75rem;height:1.75rem;border:3px solid var(--color-teal-100);border-top-color:var(--color-teal-600);border-radius:50%;animation:spin .7s linear infinite}.data-table tbody tr.is-clickable{cursor:pointer}.data-table tbody tr.is-clickable:focus-visible{outline:2px solid var(--color-teal-500);outline-offset:-2px}.status-badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.03em;text-transform:uppercase;background:var(--color-charcoal-100);color:var(--color-charcoal-600)}.status-badge--active{background:var(--color-success-soft);color:var(--color-success)}.status-badge--inactive{background:var(--color-charcoal-100);color:var(--color-charcoal-500)}.status-badge--suspended{background:var(--color-warning-soft);color:var(--color-warning)}.detail-grid{display:grid;grid-template-columns:1.2fr repeat(3,minmax(0,.85fr));gap:var(--space-4)}.kv-list{display:grid;gap:.85rem;margin:0}.kv-list.compact{gap:.65rem}.kv-list>div{display:grid;gap:.2rem}.kv-list dt{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.05em;text-transform:uppercase;color:var(--color-ink-muted)}.kv-list dd{margin:0;color:var(--color-ink);font-weight:var(--weight-medium)}.balance-figure,.depletion-hero{margin:.35rem 0 .75rem;font-family:var(--font-display);font-size:clamp(1.85rem,3vw,2.4rem);font-weight:var(--weight-bold);letter-spacing:-.03em;color:var(--color-teal-800)}.balance-breakdown{margin:0 0 .85rem;padding:.75rem 0 0;border-top:1px solid var(--color-border)}.panel-note{margin:0;font-size:var(--text-sm);color:var(--color-ink-muted)}.org-multi-list{display:flex;flex-direction:column;gap:.45rem;max-height:220px;overflow:auto;padding:.55rem .65rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted, rgba(0, 0, 0, .02))}.org-multi-item{display:flex;align-items:center;gap:.55rem;font-size:var(--text-sm)}.org-multi-item span{flex:1}.org-multi-item .is-primary-org{font-weight:600}.banner{padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--text-sm)}.banner-warning{background:var(--color-warning-soft);border-color:#b8860b47;color:#7a5a08}.banner-danger{background:var(--color-danger-soft);border-color:#b33a3a47;color:var(--color-danger)}.banner-success{background:var(--color-success-soft);border-color:#2d7a4f47;color:var(--color-success)}.sim-detail-page .period-toggle{background:var(--color-surface-muted);border:1px solid var(--color-border)}.sim-detail-page .period-toggle-btn{color:var(--color-ink-muted)}.sim-detail-page .period-toggle-btn:hover{color:var(--color-ink)}.sim-detail-page .period-toggle-btn.is-active{background:linear-gradient(145deg,var(--color-teal-500),var(--color-teal-700));color:#fff;box-shadow:var(--shadow-sm)}.sim-detail-page .chart-frame{height:auto;min-height:320px}.crumb-link{color:var(--color-teal-700);font-weight:var(--weight-semibold)}.crumb-link:hover{color:var(--color-teal-500)}.capitalize{text-transform:capitalize}.state-panel{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);max-width:28rem}.topup-form{display:flex;flex-direction:column;gap:var(--space-4)}.sim-topup-products{display:grid;gap:.6rem;max-height:min(52vh,420px);overflow:auto;padding:.2rem}.sim-topup-product{display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem;width:100%;text-align:left;padding:.85rem 1rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-elevated);color:var(--color-ink);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.sim-topup-product:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-hover-wash, var(--color-surface-muted))}.sim-topup-product.is-selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);background:var(--color-primary-soft)}.sim-topup-product-main{display:grid;gap:.35rem;min-width:0}.sim-topup-product-main .topups-product-name{color:var(--color-ink);font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:1.35}.sim-topup-product-main .muted-sm{color:var(--color-ink-muted);font-size:var(--text-sm)}.sim-topup-product-price{flex-shrink:0;font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-ink);white-space:nowrap}.sim-topup-product .topups-chip{font-size:.8rem;font-weight:var(--weight-semibold)}.sim-topup-product .topups-chip.day{background:var(--chip-day-bg);color:var(--chip-day-ink)}.sim-topup-product .topups-chip.night{background:var(--chip-night-bg);color:var(--chip-night-ink)}.sim-topup-product .topups-chip.anytime{background:var(--chip-anytime-bg);color:var(--chip-anytime-ink)}.topup-form>.panel-note{color:var(--color-ink-muted);font-size:var(--text-sm)}.topup-form>.panel-note strong{color:var(--color-ink)}.page-header-subtitle .network-badge,.page-header-subtitle .status-badge{vertical-align:middle}@media (max-width: 1100px){.detail-grid{grid-template-columns:1fr 1fr}.identity-panel{grid-column:1 / -1}}@media (max-width: 860px){.filter-grid{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}}@media (max-width: 560px){.filter-grid{grid-template-columns:1fr}}.chart-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.detail-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 1.25rem;margin:0}.detail-list dt{margin:0 0 .2rem;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.detail-list dd{margin:0;color:var(--text-primary);font-size:.95rem}.detail-list-full{grid-column:1 / -1}.site-info-panel{margin-bottom:0}.toggle-row{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}.toggle{display:inline-flex;align-items:center;gap:.55rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.toggle-track{position:relative;width:2.5rem;height:1.35rem;border-radius:var(--radius-sm);background:var(--color-charcoal-200);border:1px solid var(--color-border-strong);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);flex-shrink:0}.toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:1rem;height:1rem;border-radius:3px;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out)}.toggle input:checked+.toggle-track{background:linear-gradient(145deg,var(--color-teal-500),var(--color-teal-700));border-color:transparent}.toggle input:checked+.toggle-track:after{transform:translate(1.05rem)}.toggle input:focus-visible+.toggle-track{box-shadow:0 0 0 3px #2a9d9d40}.toggle-text{font-size:var(--text-sm);color:var(--color-ink-muted);font-weight:var(--weight-medium)}.stat-strip.content-grid-2,.stat-strip.content-grid-3{display:grid;gap:.75rem}.stat-strip.content-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-strip.content-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 768px){.detail-list,.stat-strip.content-grid-2,.stat-strip.content-grid-3{grid-template-columns:1fr}.chart-controls{width:100%}.panel-header{flex-direction:column}}.report-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.report-card{text-align:left;padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-elevated);box-shadow:var(--shadow-sm);transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out);cursor:pointer;color:inherit}.report-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.report-card.is-active{border-color:var(--color-teal-500);box-shadow:0 0 0 3px #2a9d9d2e}.report-card--sand.is-active{border-color:var(--color-sand-500);box-shadow:0 0 0 3px #c4a57438}.report-card-title{font-family:var(--font-display);font-size:var(--text-lg);margin:0 0 var(--space-2);color:var(--color-ink)}.report-card-desc{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-ink-muted);line-height:var(--leading-relaxed)}.report-card-cta{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-teal-700)}.report-card--sand .report-card-cta{color:#8a6a3c}.report-detail{margin-top:var(--space-2)}.report-detail-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.report-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3)}.report-controls .form-field{min-width:140px}.report-stats{margin-bottom:var(--space-5)}.report-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--space-5);margin-top:var(--space-4)}.task-title-cell{display:flex;flex-direction:column;gap:.15rem}.task-title{font-weight:var(--weight-semibold)}.task-desc{font-size:var(--text-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-inline-field{display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}.inline-select{max-width:160px;padding:.35rem .5rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--text-xs)}.support-layout{display:grid;grid-template-columns:1fr;gap:var(--space-5)}.support-layout.has-thread{grid-template-columns:minmax(280px,.9fr) minmax(0,1.3fr);align-items:start}.ticket-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.ticket-item{width:100%;text-align:left;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:inherit;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.ticket-item:hover{background:#1a6b6b0f}.ticket-item.is-active{background:var(--color-primary-soft);border-color:#2a9d9d59}.ticket-item-top{display:flex;justify-content:space-between;gap:var(--space-3);align-items:flex-start;margin-bottom:.35rem}.ticket-subject{font-weight:var(--weight-semibold);color:var(--color-ink)}.ticket-item-meta{display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:center;font-size:var(--text-xs)}.support-thread-pane{display:flex;flex-direction:column;min-height:420px;max-height:min(78vh,820px)}.thread-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.thread-status-actions{display:flex;flex-wrap:wrap;gap:.35rem;align-items:flex-start}.ticket-body-preview{padding:.75rem 1rem;margin-bottom:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-muted)}.ticket-body-preview p{margin:0;font-size:var(--text-sm)}.message-thread{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2) 0 var(--space-4);margin-bottom:var(--space-3)}.message-bubble{max-width:85%;padding:.75rem 1rem;border-radius:var(--radius-md);background:var(--color-surface-muted);border:1px solid var(--color-border);animation:fade-in-scale var(--duration-base) var(--ease-out) both}.message-bubble.is-mine{align-self:flex-end;background:var(--color-primary-soft);border-color:#2a9d9d47}.message-meta{display:flex;justify-content:space-between;gap:var(--space-3);margin-bottom:.35rem;font-size:var(--text-xs);color:var(--color-ink-muted)}.message-text{margin:0;color:var(--color-ink);white-space:pre-wrap;font-size:var(--text-sm)}.reply-form{border-top:1px solid var(--color-border);padding-top:var(--space-4)}@media (max-width: 1100px){.report-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-split,.support-layout.has-thread{grid-template-columns:1fr}}@media (max-width: 640px){.report-card-grid{grid-template-columns:1fr}}.form-stack{display:flex;flex-direction:column;gap:var(--space-4)}.form-alert{padding:.75rem 1rem;border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger);font-size:var(--text-sm)}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.form-fieldset{margin:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.form-fieldset legend{padding:0 var(--space-2);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-ink)}.field-hint{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-ink-muted);line-height:var(--leading-relaxed)}.checkbox-row{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5);margin-top:var(--space-2)}.checkbox-field{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-ink);cursor:pointer}.checkbox-field input{width:1rem;height:1rem;accent-color:var(--color-teal-600)}.json-editor{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.45;min-height:6rem;max-height:min(28vh,16rem);overflow:auto;resize:vertical}.editor-mode-toggle{margin-bottom:var(--space-1)}.segmented{display:inline-flex;padding:.2rem;gap:.15rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-muted)}.segmented-btn{border:none;background:transparent;color:var(--color-ink-muted);padding:.4rem .85rem;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.segmented-btn:hover{color:var(--color-ink)}.segmented-btn.is-active{background:var(--color-surface-elevated);color:var(--color-teal-800);box-shadow:var(--shadow-sm)}.chart-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.panel-note{margin:.35rem 0 0;font-size:var(--text-sm);color:var(--color-ink-muted)}.cell-primary{font-weight:var(--weight-semibold);color:var(--color-ink)}.cell-meta{font-size:var(--text-xs);color:var(--color-ink-muted)}.sim-csv-form{display:flex;flex-direction:column;gap:var(--space-4)}.sim-csv-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3)}.sim-csv-headers{display:flex;flex-direction:column;gap:var(--space-2)}.sim-csv-headers-code{display:block;padding:.75rem 1rem;border-radius:var(--radius-md);background:var(--color-surface-muted);border:1px solid var(--color-border);font-size:var(--text-xs);overflow-x:auto;white-space:nowrap}.sim-csv-errors{max-height:180px;overflow:auto;padding:.75rem 1rem;border-radius:var(--radius-md);background:var(--color-danger-soft);border:1px solid rgba(179,58,58,.2);font-size:var(--text-sm);color:var(--color-danger)}.sim-csv-errors ul{margin:.35rem 0 0;padding-left:1.1rem}.sim-csv-errors li+li{margin-top:.2rem}.page-header-actions{flex-wrap:wrap}.row-actions{display:inline-flex;align-items:center;gap:var(--space-1)}.org-layout,.rules-layout,.sites-layout{display:grid;grid-template-columns:1fr;gap:var(--space-5)}.org-layout.with-detail,.rules-layout.with-detail{grid-template-columns:minmax(0,1.4fr) minmax(280px,.85fr);align-items:start}.org-detail-panel,.rule-detail-panel{position:sticky;top:calc(var(--topbar-height) + var(--space-4))}.org-stat-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-bottom:var(--space-5)}.stat-chip{display:flex;flex-direction:column;gap:.25rem;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-elevated);box-shadow:var(--shadow-sm)}.stat-chip-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-muted)}.stat-chip strong{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-ink)}.table-panel{overflow:hidden}.detail-dl{display:grid;gap:var(--space-3);margin:var(--space-4) 0 0}.detail-dl>div{display:grid;gap:.15rem}.detail-dl dt{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.05em;text-transform:uppercase;color:var(--color-ink-muted)}.detail-dl dd{margin:0;font-size:var(--text-sm);color:var(--color-ink);word-break:break-word}.rule-description{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--color-ink-muted);line-height:var(--leading-relaxed)}.rule-detail-panel pre,.org-detail-panel pre{margin:.35rem 0 0;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-charcoal-900);color:var(--color-sand-200);font-size:.75rem;overflow:auto;max-height:180px}.site-detail-page .detail-grid{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.4fr) minmax(0,1.4fr);gap:var(--space-5);align-items:stretch}.chart-tooltip-value{margin:0;font-weight:var(--weight-semibold);color:#f2f4f6}@media (max-width: 1100px){.org-layout.with-detail,.rules-layout.with-detail,.site-detail-page .detail-grid{grid-template-columns:1fr}.org-detail-panel,.rule-detail-panel{position:static}.site-detail-page .chart-panel{grid-column:auto!important}}@media (max-width: 640px){.form-grid-2,.form-grid-3{grid-template-columns:1fr}.org-stat-strip{grid-template-columns:1fr!important}}.providers-page .providers-inline-alert{position:relative;border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.providers-page .providers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem}.provider-card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.providers-page .url-break{overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}.providers-cookies .panel-header{align-items:flex-start;gap:1rem}.cookie-accounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:1rem}.cookie-account{padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md, 10px);background:var(--color-surface-muted);color:var(--color-ink)}.cookie-account-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.cookie-account-head h3{font-size:var(--text-lg, 1.05rem)}.cookie-form{display:flex;flex-direction:column;gap:.85rem;margin-top:1rem}.cookie-form .form-actions{display:flex;justify-content:flex-end}.btn-link{display:inline;margin-left:.5rem;padding:0;border:0;background:none;color:var(--color-primary);font:inherit;font-size:.85em;text-decoration:underline;cursor:pointer}.btn-link:hover{color:var(--color-primary-hover)}.topups-page{display:flex;flex-direction:column;gap:1.25rem}.topups-wallet{margin:0}.topups-meta-bar{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;padding:.85rem 1.1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-elevated);color:var(--color-ink-muted);font-size:.9rem}.topups-filters{padding-bottom:1rem}.topups-filter-row{display:grid;grid-template-columns:minmax(160px,220px) 1fr;gap:.85rem 1rem}.topups-filter-hint{margin:.85rem 0 0;color:var(--color-ink-muted);font-size:.88rem;line-height:1.45}.topups-product-name{font-weight:600;color:var(--color-ink)}.topups-split{display:flex;flex-wrap:wrap;gap:.35rem}.topups-chip{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;line-height:1.3}.topups-chip.day{background:var(--chip-day-bg);color:var(--chip-day-ink)}.topups-chip.night{background:var(--chip-night-bg);color:var(--chip-night-ink)}.topups-chip.anytime{background:var(--chip-anytime-bg);color:var(--chip-anytime-ink)}.topups-purchase-summary{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .75rem;margin-bottom:1rem;padding:.85rem 1rem;border-radius:var(--radius-md);background:var(--color-surface-muted)}.topups-split-note{flex-basis:100%;margin:.15rem 0 0;color:var(--color-ink-muted);font-size:.88rem}.topups-sim-results{list-style:none;margin:0;padding:0;max-height:220px;overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.topups-sim-option{display:grid;grid-template-columns:auto 1fr;gap:.2rem .65rem;width:100%;padding:.65rem .75rem;border:0;border-bottom:1px solid var(--color-border);background:transparent;text-align:left;cursor:pointer}.topups-sim-option:hover{background:var(--color-primary-soft)}.topups-sim-option .muted-sm{grid-column:2}.topups-selected-sim{margin:.35rem 0 0;font-weight:600}.muted-sm{color:var(--color-ink-subtle);font-size:.8rem}.entity-removed-badge{color:var(--color-ink-subtle);font-size:.78rem;font-weight:var(--weight-medium);font-style:italic}.tx-chip.tx-queued,.tx-chip.tx-pending,.tx-chip.tx-awaiting_approval{background:var(--color-warning-soft);color:var(--chip-status-pending-ink)}.tx-chip.tx-completed,.tx-chip.tx-delivered{background:var(--color-success-soft);color:var(--color-success)}.tx-chip.tx-failed,.tx-chip.tx-rejected{background:var(--color-danger-soft);color:var(--color-danger)}.btn-sm{padding:.35rem .7rem;font-size:.82rem}@media (max-width: 1100px){.providers-page .providers-grid,.cookie-accounts,.topups-filter-row{grid-template-columns:1fr}}.activity-page .page-hero{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.activity-view-toggle{display:inline-flex;padding:.2rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-muted);gap:.15rem}.activity-view-toggle button{border:0;border-radius:calc(var(--radius-md) - 2px);padding:.45rem .85rem;background:transparent;color:var(--color-ink-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.activity-view-toggle button.is-active{background:var(--color-surface-elevated);color:var(--color-ink);box-shadow:var(--shadow-sm)}.activity-filters{display:grid;grid-template-columns:minmax(240px,1.4fr) repeat(3,minmax(120px,1fr)) auto;gap:.85rem 1rem;align-items:end}.activity-subject-search{display:flex;flex-direction:column;gap:.55rem;min-width:0}.activity-entity-toggle{align-self:flex-start}.activity-subject-field,.activity-subject-hint{margin:0}.activity-subject-results{list-style:none;margin:0;padding:0;max-height:200px;overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated)}.activity-subject-option{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;width:100%;padding:.55rem .75rem;border:0;border-bottom:1px solid var(--color-border);background:transparent;text-align:left;cursor:pointer}.activity-subject-option:last-child{border-bottom:0}.activity-subject-option:hover{background:var(--color-primary-soft)}.activity-subject-option-label{font-weight:var(--weight-medium);color:var(--color-ink)}.activity-subject-selected{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .85rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-muted)}.activity-subject-selected-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}@media (max-width: 900px){.activity-filters{grid-template-columns:1fr}}.activity-page .page-eyebrow{color:var(--color-teal-700)}.activity-page .page-lede,.activity-page .panel-head p{color:var(--color-ink-muted)}.activity-page .data-table td{color:var(--color-ink)}.activity-page .data-table th,.activity-page .data-table .muted,.activity-page .data-table .muted-sm{color:var(--color-ink-muted)}.activity-page .data-table .details-cell{color:var(--color-ink-muted);font-size:.82rem}.activity-page .action-chip{background:var(--color-primary-soft);color:var(--color-teal-800);border:1px solid rgba(26,107,107,.22);font-weight:500;letter-spacing:0;text-transform:none}.activity-page .activity-view-toggle button{color:var(--color-ink-muted)}.activity-page .activity-view-toggle button.is-active{color:var(--color-ink)}.activity-page .activity-subject-option .muted-sm,.activity-page .activity-subject-hint,.activity-page .activity-subject-selected .muted-sm,.activity-page .field span{color:var(--color-ink-muted)}[data-theme=dark] .activity-page .page-eyebrow{color:var(--color-teal-300)}[data-theme=dark] .activity-page .action-chip{color:var(--color-teal-200);background:#2a9d9d47;border-color:#6bc9c959}[data-theme=dark] .activity-page .data-table tbody tr:hover{background:#2a9d9d1a}[data-theme=dark] .activity-page .table-wrap{border-color:var(--color-border)}[data-theme=dark] .activity-page .data-table th,[data-theme=dark] .activity-page .data-table td{border-bottom-color:var(--color-border)}.order-sims-modal{display:flex;flex-direction:column;gap:var(--space-4)}.order-sims-lede{margin:0;color:var(--color-ink-muted);font-size:var(--text-sm)}.order-sims-type-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.order-sims-type-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-surface-elevated);text-align:left;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.order-sims-type-card:hover{border-color:var(--color-teal-400)}.order-sims-type-card.is-selected{border-color:var(--color-teal-500);background:var(--color-primary-soft)}.order-sims-type-label{font-weight:var(--weight-semibold);color:var(--color-ink)}.order-sims-type-desc{font-size:var(--text-sm);color:var(--color-ink-muted)}.order-sims-filters{display:flex;flex-wrap:wrap;gap:var(--space-3)}.order-sims-catalog .panel-head{margin-bottom:var(--space-3)}.order-sims-empty{margin:0;padding:var(--space-4);color:var(--color-ink-muted);text-align:center}.order-sims-desc{margin:.15rem 0 0;font-size:var(--text-sm);color:var(--color-ink-muted)}.order-sims-table tr.is-selected{background:var(--color-primary-soft)}.order-sims-form{margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.order-sims-form-title{margin:0;font-size:var(--text-lg)}.order-sims-form-summary{margin:0;color:var(--color-ink-muted);font-size:var(--text-sm)}.order-sims-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%}.order-sims-total{display:flex;flex-direction:column;gap:.1rem;font-size:var(--text-sm);color:var(--color-ink-muted)}.order-sims-total strong{font-size:var(--text-lg);color:var(--color-ink)}.order-sims-footer-actions{display:flex;align-items:center;gap:var(--space-2)}.page-alert.is-success,.page-alert--success{border-color:var(--color-success, #2a9d6a);background:#2a9d6a14}.badge--order-pending{background:#e6a80026;color:#b8860b}.badge--order-processing{background:#2a9d9d26;color:var(--color-teal-700)}.badge--order-fulfilled{background:#2a9d6a26;color:#2a7d4f}.badge--order-cancelled{background:#78787826;color:var(--color-ink-muted)}.sim-order-status-select{font-size:var(--text-sm);padding:.25rem .4rem}@media (max-width: 640px){.order-sims-type-picker{grid-template-columns:1fr}.order-sims-footer{flex-direction:column;align-items:stretch}.order-sims-footer-actions{justify-content:flex-end}}.app-shell{display:flex;min-height:100vh;background:transparent}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;margin-left:var(--sidebar-width);background:transparent}.app-content{flex:1;padding:var(--space-8);width:100%;max-width:none;animation:page-fade-in var(--duration-slow) var(--ease-out) both}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);display:flex;flex-direction:column;background:#000;color:var(--color-teal-100);z-index:40;box-shadow:var(--shadow-lg)}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5);background:#000;flex-shrink:0}.sidebar-close{display:none;margin-left:auto;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;font-size:1.35rem;line-height:1;flex-shrink:0}.sidebar-close:hover{background:#ffffff29}.sidebar-brand-logo{display:block;width:2.75rem;height:2.75rem;object-fit:contain;border-radius:var(--radius-md);flex-shrink:0;background:#000}.sidebar-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);background:linear-gradient(145deg,var(--color-teal-500),var(--color-teal-800));color:#fff;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.02em;box-shadow:0 0 0 1px #ffffff1f}.sidebar-brand-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:#fff;letter-spacing:-.01em}.sidebar-nav{display:flex;flex-direction:column;flex:1;min-height:0;gap:var(--space-1);padding:var(--space-4) var(--space-3);overflow-y:auto;background:var(--bg-sidebar-nav)}[data-theme=dark] .sidebar-nav,[data-theme=dark] .app-main{background:var(--gradient-brand-vertical);background-attachment:fixed;background-size:100% 100vh;background-repeat:no-repeat;background-color:#000}[data-theme=dark] .app-content,[data-theme=dark] .page{background:transparent}.app-header{position:sticky;top:0;z-index:40;flex-shrink:0;width:100%;background-color:var(--color-topbar-bg);border-bottom:1px solid var(--color-border)}[data-theme=dark] .app-header{background-color:#000;border-bottom-color:#ffffff0f}[data-theme=dark] .topbar{background-color:#000;border-bottom:none}[data-theme=dark] .nav-toggle{background:#00000059;border-color:#ffffff1f;color:var(--color-teal-100)}.sidebar-link{display:block;padding:.65rem .85rem;border-radius:var(--radius-md);color:var(--color-teal-200);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.sidebar-link:hover{background:#ffffff0f;color:#fff}.sidebar-link.is-active{background:#2a9d9d47;color:#fff;box-shadow:inset 3px 0 0 var(--color-sand-400)}.vodacom-portal-alert{position:relative;z-index:1;background:linear-gradient(90deg,#6b1212,#b33a3a 45%,#8a2a2a);color:#fff;border-bottom:3px solid #ffcc00;box-shadow:0 4px 20px #00000059;animation:vodacom-alert-pulse 2.5s ease-in-out infinite}@keyframes vodacom-alert-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.08)}}.vodacom-portal-alert-inner{display:flex;align-items:center;gap:var(--space-4);max-width:none;padding:var(--space-4) var(--space-8)}.vodacom-portal-alert-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:#fff;color:#b33a3a;font-weight:var(--weight-bold);font-size:var(--text-xl);box-shadow:0 0 0 3px #ffcc00a6}.vodacom-portal-alert-text{flex:1;min-width:0}.vodacom-portal-alert-title{display:block;font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase}.vodacom-portal-alert-detail{margin:var(--space-1) 0 0;font-size:var(--text-sm);opacity:.95;line-height:var(--leading-relaxed)}.vodacom-portal-alert-action{flex-shrink:0;background:#fff!important;color:#6b1212!important;border-color:#fff!important;font-weight:var(--weight-semibold)}@media (max-width: 768px){.vodacom-portal-alert-inner{flex-wrap:wrap;padding:var(--space-4) var(--space-5)}.vodacom-portal-alert-action{width:100%;justify-content:center}}.topbar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--topbar-height);height:auto;padding:.65rem var(--space-8);background-color:var(--color-topbar-bg);border-bottom:none}.topbar-leading{display:flex;align-items:center;gap:var(--space-3);min-width:0}.nav-toggle{display:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface-elevated);color:var(--color-ink);box-shadow:var(--shadow-sm)}.nav-toggle:hover{background:var(--color-primary-soft);border-color:var(--color-teal-500);color:var(--color-primary)}.nav-backdrop{display:none}.topbar-title{min-width:0}.topbar-heading{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-primary);white-space:nowrap}.theme-toggle{display:inline-flex;align-items:center;gap:var(--space-2);padding:.45rem .75rem;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface-elevated);color:var(--color-ink);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.theme-toggle:hover{background:var(--color-primary-soft);border-color:var(--color-teal-500);color:var(--color-primary)}.theme-toggle-icon{flex-shrink:0}.theme-toggle-label{line-height:1}.topbar-order-sims{display:inline-flex;align-items:center;gap:var(--space-2);padding:.45rem .75rem;border-radius:var(--radius-md);border:1px solid var(--color-teal-500);background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.topbar-order-sims:hover{background:var(--color-teal-500);border-color:var(--color-teal-600);color:#fff}.topbar-order-sims-icon{flex-shrink:0}.topbar-order-sims-label{line-height:1}.topbar-actions{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex-shrink:1}.topbar-user{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;font-size:var(--text-sm);color:var(--color-ink-muted);min-width:0;max-width:220px}.topbar-user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--color-ink);font-weight:var(--weight-medium)}.topbar-user-role{font-size:var(--text-xs);text-transform:capitalize;color:var(--color-ink-subtle)}.topbar-logout{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .85rem;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface-elevated);color:var(--color-ink);font-size:var(--text-sm);font-weight:var(--weight-medium);flex-shrink:0;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.topbar-logout:hover{background:var(--color-sand-100);border-color:var(--color-sand-400)}.topbar-logout-icon{display:none}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-8);animation:fade-in var(--duration-slow) var(--ease-out) both}.page-header-text{min-width:0}.page-header-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-semibold);color:var(--color-ink);letter-spacing:-.02em}.page-header-subtitle{margin-top:var(--space-2);font-size:var(--text-base);color:var(--color-ink-muted);max-width:42rem;line-height:var(--leading-relaxed)}.page-header-actions{display:flex;flex-shrink:0;align-items:center;gap:var(--space-3)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6);animation:fade-in var(--duration-slow) var(--ease-out) both}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;margin-bottom:var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(145deg,var(--color-teal-100),var(--color-sand-200));color:var(--color-teal-700);font-size:var(--text-xl)}.empty-state-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-ink);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-sm);color:var(--color-ink-muted);max-width:22rem;line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.empty-state-action{margin-top:var(--space-2)}.loading-spinner{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3)}.loading-spinner-ring{width:2rem;height:2rem;border:3px solid var(--color-teal-100);border-top-color:var(--color-teal-600);border-radius:50%;animation:spin .7s linear infinite}.loading-spinner-ring.is-sm{width:1.25rem;height:1.25rem;border-width:2px}.loading-spinner-ring.is-lg{width:2.75rem;height:2.75rem;border-width:3px}.loading-spinner-label{font-size:var(--text-sm);color:var(--color-ink-muted)}.loading-spinner-block{display:flex;align-items:center;justify-content:center;min-height:12rem;width:100%;animation:fade-in var(--duration-base) var(--ease-out) both}.network-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.2rem .55rem;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.03em;text-transform:uppercase;line-height:1.4}.network-badge--telkom{background:var(--color-network-telkom-soft);color:var(--color-network-telkom)}.network-badge--mtn{background:var(--color-network-mtn-soft);color:var(--color-network-mtn-ink)}.network-badge--vodacom{background:var(--color-network-vodacom-soft);color:var(--color-network-vodacom)}.network-badge--unknown{background:var(--color-charcoal-100);color:var(--color-charcoal-600)}.content-grid{display:grid;gap:var(--space-6)}.content-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1100px){.content-grid-4,.content-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.nav-toggle{display:inline-flex}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;border:0;padding:0;margin:0;background:#0c10148c;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out)}.app-shell.nav-open .nav-backdrop{opacity:1;pointer-events:auto}.sidebar{position:fixed;width:min(86vw,280px);transform:translate(-105%);transition:transform var(--duration-base) var(--ease-out);z-index:50;padding-bottom:env(safe-area-inset-bottom,0)}.sidebar.is-open,.app-shell.nav-open .sidebar{transform:translate(0)}.sidebar-close{display:inline-flex;align-items:center;justify-content:center}.app-main{margin-left:0}.app-content{padding:var(--space-4);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0))}.topbar{padding:.55rem var(--space-4);gap:var(--space-2);padding-top:calc(.55rem + env(safe-area-inset-top,0))}.topbar-heading{font-size:var(--text-lg)}.topbar-actions{gap:var(--space-2)}.topbar-user{display:none}.theme-toggle{width:2.5rem;height:2.5rem;padding:0;justify-content:center}.theme-toggle-label{display:none}.topbar-order-sims{width:2.5rem;height:2.5rem;padding:0;justify-content:center}.topbar-order-sims-label{display:none}.topbar-logout{width:2.5rem;height:2.5rem;padding:0}.topbar-logout-label{display:none}.topbar-logout-icon{display:inline;font-size:1.1rem;line-height:1}.page-header{flex-direction:column;align-items:stretch;gap:var(--space-4);margin-bottom:var(--space-5)}.page-header-title{font-size:var(--text-2xl)}.page-header-actions{justify-content:flex-start;flex-wrap:wrap}.page-hero{flex-direction:column;align-items:stretch;gap:var(--space-4)}.content-grid-2,.content-grid-3,.content-grid-4{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:560px}.modal-panel{width:calc(100vw - 1.25rem);max-height:calc(100dvh - 1.25rem)}.filter-bar,.filter-grid{grid-template-columns:1fr!important}}@media (max-width: 480px){.stat-grid{grid-template-columns:1fr}.topbar-heading{font-size:var(--text-base)}}.simatrix-tour-popover.driver-popover{background:var(--color-surface-elevated);color:var(--color-ink);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-lg);font-family:var(--font-sans);max-width:min(360px,calc(100vw - 32px))}.simatrix-tour-popover .driver-popover-title{font-size:var(--text-base, 1rem);font-weight:600;color:var(--color-ink);margin-bottom:.35rem}.simatrix-tour-popover .driver-popover-description{font-size:var(--text-sm, .875rem);line-height:1.5;color:var(--color-ink-muted)}.simatrix-tour-popover .driver-popover-progress-text{font-size:var(--text-xs, .75rem);color:var(--color-ink-subtle)}.simatrix-tour-popover .driver-popover-footer button{font-family:var(--font-sans);font-size:var(--text-sm, .875rem);border-radius:var(--radius-md, 8px);padding:.4rem .85rem;cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface-elevated);color:var(--color-ink);text-shadow:none}.simatrix-tour-popover .driver-popover-next-btn,.simatrix-tour-popover .driver-popover-done-btn{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.simatrix-tour-popover .driver-popover-next-btn:hover,.simatrix-tour-popover .driver-popover-done-btn:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.simatrix-tour-popover .driver-popover-prev-btn:hover,.simatrix-tour-popover .driver-popover-close-btn:hover{background:var(--color-hover-wash, rgba(0, 0, 0, .04))}.simatrix-tour-popover .driver-popover-arrow-side-left.driver-popover-arrow,.simatrix-tour-popover .driver-popover-arrow-side-right.driver-popover-arrow,.simatrix-tour-popover .driver-popover-arrow-side-top.driver-popover-arrow,.simatrix-tour-popover .driver-popover-arrow-side-bottom.driver-popover-arrow{border-color:var(--color-surface-elevated)}.topbar-tour-btn{font-size:var(--text-sm);padding:.35rem .65rem;border-radius:var(--radius-md, 8px);border:1px solid var(--color-border);background:transparent;color:var(--color-ink-muted);cursor:pointer;white-space:nowrap}.topbar-tour-btn:hover:not(:disabled){color:var(--color-ink);background:var(--color-hover-wash)}.topbar-tour-btn:disabled{opacity:.55;cursor:wait}.site-page,.login-page{position:relative;min-height:100vh;min-height:100dvh;background:#020608;color:#e4f2f2;overflow-x:hidden;color-scheme:dark}.site-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 55% 45% at 70% 35%,transparent 0%,rgba(2,6,8,.35) 55%,rgba(2,6,8,.92) 100%),linear-gradient(180deg,#02060833,#020608d9)}.site-vignette--login{background:radial-gradient(ellipse 50% 40% at 50% 40%,transparent 0%,rgba(2,6,8,.5) 60%,rgba(2,6,8,.95) 100%)}.site-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(107,201,201,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(107,201,201,.04) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 10%,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 10%,transparent 75%)}.rotating-globe{position:fixed;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none}.rotating-globe--hero{top:50%;right:-6%;width:min(95vw,980px);height:min(95vw,980px);transform:translateY(-50%)}.rotating-globe--login{top:44%;left:50%;width:min(105vw,820px);height:min(105vw,820px);transform:translate(-50%,-50%);opacity:.65}.rotating-globe__glow{position:absolute;top:5%;right:5%;bottom:5%;left:5%;border-radius:50%;background:radial-gradient(circle,rgba(42,157,157,.42) 0%,rgba(42,157,157,.12) 42%,transparent 72%);filter:blur(48px);animation:globe-pulse 5s ease-in-out infinite}.rotating-globe__canvas{position:absolute;top:0;right:0;bottom:0;left:0}.rotating-globe__canvas canvas{display:block;width:100%!important;height:100%!important}@keyframes globe-pulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.site-nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .3s ease,border-color .3s ease,backdrop-filter .3s ease}.site-nav--scrolled{background:#02080ad1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(107,201,201,.12)}.site-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1280px;margin:0 auto;padding:1rem 1.5rem}.site-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.site-brand-logo{width:2.5rem;height:2.5rem;object-fit:contain}.site-brand-text{display:flex;flex-direction:column;line-height:1.15}.site-brand-text strong{font-size:1.05rem;letter-spacing:.02em}.site-brand-text small{font-size:.72rem;color:#b4d2d2a6;text-transform:uppercase;letter-spacing:.08em}.site-nav-links{display:flex;gap:1.75rem}.site-nav-links a{color:#c8e1e1bf;text-decoration:none;font-size:.92rem;font-weight:500;transition:color .2s ease}.site-nav-links a:hover{color:#6bc9c9}.site-nav-actions{display:flex;gap:.65rem}.site-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1.25rem;border-radius:10px;font-family:inherit;font-size:.92rem;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;white-space:nowrap}.site-btn:hover{transform:translateY(-1px)}.site-btn--primary{background:linear-gradient(135deg,#2a9d9d,#1a6b6b);color:#fff;box-shadow:0 8px 32px #2a9d9d59}.site-btn--primary:hover{box-shadow:0 12px 40px #2a9d9d80}.site-btn--outline{background:transparent;border-color:#6bc9c973;color:#a3dddd}.site-btn--outline:hover{background:#2a9d9d1f;border-color:#6bc9c9b3}.site-btn--ghost{background:#ffffff0a;border-color:#ffffff14;color:#dcebebd9}.site-btn--lg{padding:.95rem 1.65rem;font-size:1rem;border-radius:12px}.site-btn--full{width:100%}.site-hero{position:relative;z-index:2;min-height:100vh;min-height:100dvh;display:flex;align-items:center;max-width:1280px;margin:0 auto;padding:7rem 1.5rem 4rem}.site-hero-copy{max-width:640px;animation:site-rise .9s ease both}.site-eyebrow{margin:0 0 1rem;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6bc9c9}.site-hero-title{margin:0 0 1.25rem;font-size:clamp(2.8rem,7vw,5rem);font-weight:700;line-height:1.02;letter-spacing:-.04em}.site-hero-gradient{display:block;background:linear-gradient(135deg,#6bc9c9,#2a9d9d,#c4a574);-webkit-background-clip:text;background-clip:text;color:transparent}.site-hero-lede{margin:0 0 2rem;font-size:clamp(1.05rem,2.2vw,1.25rem);line-height:1.65;color:#c8dcdcc7;max-width:34rem}.site-hero-cta{display:flex;flex-wrap:wrap;gap:.85rem;margin-bottom:1rem}.site-hero-note{margin:0;font-size:.82rem;color:#b4c8c88c}.site-metrics{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;max-width:900px;margin:-2rem auto 0;padding:0 1.5rem 4rem}.site-metric{flex:1 1 160px;padding:1.25rem 1.5rem;border-radius:14px;border:1px solid rgba(107,201,201,.15);background:#081418bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center}.site-metric-value{display:block;font-size:2rem;font-weight:700;color:#6bc9c9;letter-spacing:-.03em}.site-metric-label{display:block;margin-top:.25rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#b4c8c8a6}.site-section{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:5rem 1.5rem}.site-section--dark{max-width:none;background:linear-gradient(180deg,#040c0e99,#02080af2);border-top:1px solid rgba(107,201,201,.08);border-bottom:1px solid rgba(107,201,201,.08)}.site-section--dark .site-section-head,.site-section--dark .site-steps{max-width:1280px;margin-left:auto;margin-right:auto}.site-section-head{max-width:640px;margin-bottom:2.5rem}.site-section-head h2{margin:0 0 .75rem;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.03em}.site-section-head p{margin:0;line-height:1.65;color:#c8dcdcb8}.site-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.site-feature{padding:1.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .25s ease,transform .25s ease;animation:site-rise .6s ease both}.site-feature:hover{border-color:#2a9d9d59;transform:translateY(-3px)}.site-feature-icon{display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;margin-bottom:.85rem;border-radius:8px;background:#2a9d9d26;color:#6bc9c9;font-size:1rem}.site-feature h3{margin:0 0 .5rem;font-size:1.05rem}.site-feature p{margin:0;font-size:.92rem;line-height:1.6;color:#bed2d2b8}.site-steps{list-style:none;margin:0;padding:0;display:grid;gap:1.25rem}.site-step{display:flex;gap:1.25rem;align-items:flex-start;padding:1.5rem;border-radius:16px;border:1px solid rgba(107,201,201,.12);background:#08141880}.site-step-num{flex-shrink:0;font-size:1.5rem;font-weight:700;color:#2a9d9d73;letter-spacing:-.02em}.site-step h3{margin:0 0 .35rem;font-size:1.1rem}.site-step p{margin:0;line-height:1.6;color:#bed2d2b8}.site-networks{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.site-network-card{padding:2rem 1.5rem;border-radius:16px;text-align:center;border:1px solid rgba(255,255,255,.08);transition:transform .25s ease}.site-network-card:hover{transform:scale(1.02)}.site-network-card span{display:block;font-size:1.35rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.site-network-card p{margin:.35rem 0 0;font-size:.88rem;opacity:.75}.site-network-card--telkom{background:#0077c81f;border-color:#0077c859;color:#7ec8ff}.site-network-card--mtn{background:#ffcc001a;border-color:#ffcc0059;color:#ffe566}.site-network-card--vodacom{background:#e600001a;border-color:#e6000059;color:#ff8a8a}.site-audiences{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-bottom:2rem}.site-audience{padding:1.25rem 1.35rem;border-radius:14px;border:1px solid rgba(107,201,201,.12);background:#ffffff05}.site-audience h3{margin:0 0 .5rem;font-size:1rem;color:#6bc9c9}.site-audience p{margin:0;font-size:.9rem;line-height:1.6;color:#bed2d2bf}.site-highlights{margin:0;padding:0;list-style:none;display:grid;gap:.65rem;max-width:720px}.site-highlights li{position:relative;padding-left:1.35rem;font-size:.95rem;line-height:1.55;color:#c8dcdccc}.site-highlights li:before{content:"";position:absolute;left:0;top:.55rem;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#6bc9c9,#2a9d9d);box-shadow:0 0 10px #2a9d9d99}.site-section--contact{border-top:1px solid rgba(107,201,201,.1)}.site-contact-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:2.5rem;align-items:start}.site-contact-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.5rem}.site-btn--whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;box-shadow:0 10px 32px #25d36659;gap:.55rem}.site-btn--whatsapp:hover{box-shadow:0 14px 40px #25d36680}.site-whatsapp-icon{display:inline-flex;align-items:center}.site-contact-cards{display:flex;flex-direction:column;gap:.85rem}.site-contact-card{padding:1.15rem 1.25rem;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#081418a6}.site-contact-label{display:block;margin-bottom:.35rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#b4c8c88c}.site-contact-value{display:block;margin-bottom:.35rem;font-size:1.05rem;font-weight:600;color:#f0fafa;text-decoration:none}a.site-contact-value:hover{color:#6bc9c9}.site-contact-card p{margin:0;font-size:.85rem;line-height:1.5;color:#b4c8c8a6}.site-whatsapp-float{position:fixed;right:1.25rem;bottom:1.25rem;z-index:60;display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:50%;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;box-shadow:0 8px 28px #25d36673;transition:transform .2s ease,box-shadow .2s ease}.site-whatsapp-float:hover{transform:scale(1.08);box-shadow:0 12px 36px #25d3668c}.site-cta-band{position:relative;z-index:2;padding:5rem 1.5rem}.site-cta-band-inner{max-width:720px;margin:0 auto;padding:3rem 2rem;border-radius:24px;text-align:center;border:1px solid rgba(42,157,157,.25);background:linear-gradient(145deg,#0a1e22e6,#040e12f2);box-shadow:0 32px 80px #00000073}.site-cta-band-inner h2{margin:0 0 .75rem;font-size:clamp(1.6rem,4vw,2.2rem)}.site-cta-band-inner p{margin:0 0 1.75rem;line-height:1.65;color:#c8dcdcbf}.site-cta-band-inner .site-hero-cta{justify-content:center}.site-footer{position:relative;z-index:2;border-top:1px solid rgba(107,201,201,.1);padding:2.5rem 1.5rem}.site-footer-inner{max-width:1280px;margin:0 auto;text-align:center}.site-footer-brand{display:inline-flex;align-items:center;gap:.65rem;margin-bottom:.75rem;font-weight:700;font-size:1.1rem}.site-footer-brand img{width:2rem;height:2rem;object-fit:contain}.site-footer-inner>p{margin:.35rem 0;font-size:.88rem;color:#b4c8c899}.site-footer-contact a{color:#6bc9c9;text-decoration:none}.site-footer-contact a:hover{text-decoration:underline}.login-page-inner{position:relative;z-index:2;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.25rem}.login-back{align-self:flex-start;max-width:420px;width:100%;margin-bottom:1rem;color:#b4d2d2b3;text-decoration:none;font-size:.9rem;transition:color .2s ease}.login-back:hover{color:#6bc9c9}.login-card{width:min(420px,100%);padding:2rem;border-radius:20px;border:1px solid rgba(107,201,201,.18);background:#061014e0;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 32px 80px #00000080;animation:site-rise .6s ease both}.login-card-brand{display:flex;align-items:center;gap:1rem;margin-bottom:1.75rem}.login-card-brand img{width:3rem;height:3rem;object-fit:contain}.login-card-brand h1{margin:0;font-size:1.5rem}.login-card-brand p{margin:.15rem 0 0;font-size:.88rem;color:#b4c8c8a6}.login-card-form{display:flex;flex-direction:column;gap:1rem}.login-card-form .field-label{color:#c8dcdcd9}.login-card-form .field-input{background:#ffffff0a;border-color:#ffffff1f;color:#f0fafa}.login-card-form .field-input:focus{border-color:#2a9d9da6;box-shadow:0 0 0 3px #2a9d9d2e}.login-card-divider{display:flex;align-items:center;gap:1rem;margin:1.25rem 0;color:#b4c8c873;font-size:.82rem}.login-card-divider:before,.login-card-divider:after{content:"";flex:1;height:1px;background:#ffffff14}.login-card-footer{margin:1rem 0 0;text-align:center;font-size:.9rem}.login-card-footer .text-link{color:#6bc9c9}.landing-modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:1.25rem;overflow-y:auto;background:#020608d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:site-fade .25s ease both}.landing-modal{position:relative;width:min(480px,100%);margin:auto;padding:clamp(1.5rem,4vw,2rem);border-radius:18px;border:1px solid rgba(107,201,201,.2);background:linear-gradient(165deg,#08161afa,#040c10fa);box-shadow:0 32px 96px #0009;color:#e8f4f4;color-scheme:dark;overflow:visible;animation:site-rise .35s ease both}.landing-modal-close{position:absolute;top:.85rem;right:.85rem;width:2rem;height:2rem;border:none;border-radius:8px;background:#ffffff0f;color:#c2dede;font-size:1.35rem;line-height:1;cursor:pointer}.landing-modal-eyebrow{margin:0 0 .35rem;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c4a574}.landing-modal h2{margin:0 0 .5rem;font-size:1.55rem}.landing-modal-lede{margin:0 0 1.25rem;font-size:.92rem;line-height:1.6;color:#c8dcdcbf}.landing-modal-form{display:flex;flex-direction:column;gap:.9rem}.landing-modal-form .field-label{color:#c8dcdcd9}.landing-modal-form .field-input{background:#ffffff0a;border-color:#ffffff1f;color:#f0fafa}.landing-field-select{position:relative}.landing-field-select-trigger{width:100%;text-align:left;cursor:pointer;padding:.85rem 2.5rem .85rem 1rem;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236bc9c9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right .85rem center / 1rem,#ffffff0a;color:#f0fafa;font:inherit;font-size:1rem}.landing-field-select-trigger.is-placeholder{color:#c8dcdc8c}.landing-field-select-trigger:focus{outline:none;border-color:#2a9d9da6;box-shadow:0 0 0 3px #2a9d9d2e}.landing-field-select-menu{position:absolute;z-index:5;top:calc(100% + .35rem);left:0;right:0;max-height:220px;overflow-y:auto;margin:0;padding:.35rem;list-style:none;border-radius:12px;border:1px solid rgba(107,201,201,.28);background:#0c181c;box-shadow:0 16px 40px #00000073}.landing-field-select-option{display:block;width:100%;padding:.65rem .75rem;border:none;border-radius:8px;background:transparent;color:#e8f4f4;font:inherit;font-size:.95rem;text-align:left;cursor:pointer}.landing-field-select-option:hover,.landing-field-select-option:focus{outline:none;background:#2a9d9d2e;color:#fff}.landing-field-select-option.is-selected{background:#2a9d9d3d;color:#6bc9c9}.landing-modal-submit{width:100%;margin-top:.25rem}.landing-modal-success{text-align:center;padding:.5rem 0}.landing-modal-success-icon{width:3.5rem;height:3.5rem;margin:0 auto 1rem;display:grid;place-items:center;border-radius:50%;background:#2a9d9d33;border:1px solid rgba(42,157,157,.45);color:#6bc9c9;font-size:1.5rem;font-weight:700}.landing-modal-success p{margin:0 0 1rem;line-height:1.6;color:#c8dcdcd1}.landing-modal-note{font-size:.85rem;color:#c4a574e6!important}.demo-expiry-banner{background:linear-gradient(90deg,#1a6b6b2e,#2a9d9d1a);border-bottom:1px solid rgba(42,157,157,.25)}.demo-expiry-banner--urgent{background:linear-gradient(90deg,#b8860b2e,#c4a5741a);border-bottom-color:#c4a57459}.demo-expiry-banner-inner{display:flex;align-items:center;gap:.75rem;padding:.55rem 1.25rem;font-size:.85rem;line-height:1.45;color:var(--text-secondary)}.demo-expiry-badge{flex-shrink:0;padding:.2rem .55rem;border-radius:6px;background:var(--color-teal-100);color:var(--color-teal-800);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.demo-expiry-banner--urgent .demo-expiry-badge{background:var(--color-warning-soft);color:var(--chip-status-pending-ink)}.demo-expiry-banner-inner p{margin:0}.demo-expiry-link{color:var(--color-teal-700);font-weight:600;text-decoration:none}.demo-expiry-link:hover{text-decoration:underline}.site-loading{position:relative;z-index:2;min-height:100vh;display:grid;place-items:center;color:#a3dddd;text-align:center}.site-loader{width:44px;height:44px;margin:0 auto 1rem;border-radius:50%;border:3px solid rgba(42,157,157,.2);border-top-color:#2a9d9d;animation:site-spin .9s linear infinite}@keyframes site-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes site-fade{0%{opacity:0}to{opacity:1}}@keyframes site-spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.rotating-globe--hero{right:50%;top:18%;width:130vw;height:130vw;transform:translate(50%,-30%);opacity:.45}.site-nav-links{display:none}.site-hero{align-items:flex-end;padding-bottom:3rem}.site-hero-copy{max-width:none}.site-contact-grid{grid-template-columns:1fr}}@media (max-width: 520px){.site-nav-actions .site-btn--ghost{display:none}.site-hero-cta{flex-direction:column}.site-hero-cta .site-btn{width:100%}}