:root{--bg:oklch(98.5% .004 250);--bg-elev:#fff;--bg-sunken:oklch(96.5% .005 250);--bg-hover:oklch(96% .006 250);--border:oklch(91.5% .006 250);--border-strong:oklch(86% .008 250);--text:oklch(22% .02 255);--text-muted:oklch(52% .018 255);--text-subtle:oklch(68% .012 255);--brand:oklch(42% .12 255);--brand-strong:oklch(36% .13 255);--brand-soft:oklch(96% .025 255);--brand-ink:#fff;--success:oklch(58% .13 158);--success-soft:oklch(96% .04 158);--warning:oklch(70% .14 75);--warning-soft:oklch(97% .05 80);--danger:oklch(58% .18 25);--danger-soft:oklch(96% .04 25);--info:oklch(60% .1 230);--info-soft:oklch(96% .03 230);--op-vodacom:oklch(55% .21 25);--op-orange:oklch(68% .17 55);--op-airtel:oklch(58% .2 12);--op-africell:oklch(50% .18 295);--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", ui-monospace, monospace;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--shadow-sm:0 1px 2px #0f172a0a, 0 1px 1px #0f172a08;--shadow-md:0 4px 12px #0f172a0f, 0 1px 3px #0f172a0a;--shadow-lg:0 12px 32px #0f172a1a, 0 2px 6px #0f172a0a;--sidebar-w:244px;--topbar-h:56px;--pad-cell:12px 14px;--row-h:44px}[data-density=compact]{--pad-cell:8px 12px;--row-h:36px}[data-theme=dark]{--bg:oklch(18% .012 255);--bg-elev:oklch(22% .013 255);--bg-sunken:oklch(15.5% .012 255);--bg-hover:oklch(26% .014 255);--border:oklch(30% .012 255);--border-strong:oklch(38% .012 255);--text:oklch(96% .004 255);--text-muted:oklch(70% .015 255);--text-subtle:oklch(55% .015 255);--brand-soft:oklch(28% .06 255);--success-soft:oklch(26% .05 158);--warning-soft:oklch(28% .06 75);--danger-soft:oklch(28% .06 25);--info-soft:oklch(26% .04 230)}*{box-sizing:border-box}html,body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01";margin:0;padding:0;font-size:14px;line-height:1.5}#app{min-height:100vh}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}a{color:var(--brand);text-decoration:none}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums}.app{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.sidebar{background:var(--bg-elev);border-right:1px solid var(--border);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:16px 18px;display:flex}.brand-mark{background:var(--brand);color:#fff;letter-spacing:-.02em;border-radius:8px;place-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:grid;position:relative}.brand-mark:after{content:"";background:oklch(85% .15 80);border-radius:50%;width:6px;height:6px;position:absolute;inset:auto 4px 4px auto}.brand-name{letter-spacing:-.01em;font-size:15px;font-weight:600}.brand-sub{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.sidebar-section{padding:12px 10px 4px}.sidebar-section-title{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.08em;padding:6px 10px;font-size:11px;font-weight:500}.nav-item{border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;margin-bottom:1px;padding:8px 10px;font-size:13.5px;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item.active{background:var(--brand-soft);color:var(--brand-strong);font-weight:500}[data-theme=dark] .nav-item.active{color:oklch(85% .06 255)}.nav-item svg{flex-shrink:0}.nav-badge{background:var(--bg-sunken);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;margin-left:auto;padding:1px 6px;font-size:11px;font-weight:500}.nav-item.active .nav-badge{background:var(--brand);color:#fff;border-color:#0000}.sidebar-foot{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:auto;padding:12px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,oklch(60% .13 255),oklch(50% .15 280));border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:grid}.user-meta{font-size:12.5px;line-height:1.25}.user-meta .name{color:var(--text);font-weight:500}.user-meta .role{color:var(--text-muted);font-size:11px}.main{flex-direction:column;min-height:100vh;display:flex}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border);background:var(--bg-elev);z-index:10;align-items:center;gap:16px;padding:0 24px;display:flex;position:sticky;top:0}.crumbs{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.crumbs .sep{color:var(--text-subtle)}.crumbs .here{color:var(--text);font-weight:500}.topbar-spacer{flex:1}.topbar-actions{align-items:center;gap:8px;display:flex}.btn{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg-elev);height:32px;color:var(--text);white-space:nowrap;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--bg-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-strong);border-color:var(--brand-strong)}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-hover);color:var(--text)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-sm{height:28px;padding:0 10px;font-size:12.5px}.btn-lg{height:38px;padding:0 16px;font-size:14px}.btn-icon{justify-content:center;width:32px;padding:0}.btn-block{justify-content:center;width:100%}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-muted);font-size:12.5px;font-weight:500}.field .hint{color:var(--text-subtle);font-size:12px}.input,.select,.textarea{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-sm);height:34px;color:var(--text);outline:none;width:100%;padding:8px 10px;font-size:13.5px;transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px oklch(from var(--brand) l c h / .15)}.textarea{resize:vertical;height:auto;min-height:80px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.search{display:inline-block;position:relative}.search svg{color:var(--text-subtle);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search .input{min-width:280px;padding-left:32px}.page{width:100%;max-width:1480px;margin:0 auto;padding:24px 28px 48px}.page-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.page-title{letter-spacing:-.015em;margin:0 0 4px;font-size:22px;font-weight:600}.page-sub{color:var(--text-muted);max-width:720px;margin:0;font-size:13.5px}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.card-pad{padding:18px 20px}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.card-title{letter-spacing:-.005em;font-size:14px;font-weight:600}.card-sub{color:var(--text-muted);font-size:12.5px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.kpi-grid.cols-3{grid-template-columns:repeat(3,1fr)}.kpi{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;gap:6px;padding:16px 18px;display:flex}.kpi-label{color:var(--text-muted);letter-spacing:.01em;text-transform:uppercase;font-size:12px;font-weight:500}.kpi-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:600;line-height:1.1}.kpi-foot{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.delta{border-radius:999px;align-items:center;gap:2px;padding:1px 6px;font-size:11.5px;font-weight:500;display:inline-flex}.delta.up{background:var(--success-soft);color:var(--success)}.delta.down{background:var(--danger-soft);color:var(--danger)}.delta.flat{background:var(--bg-sunken);color:var(--text-muted)}.badge{background:var(--bg-sunken);color:var(--text-muted);white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:11.5px;font-weight:500;line-height:1.5;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge.success{background:var(--success-soft);color:var(--success)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.info{background:var(--info-soft);color:var(--info)}.badge.brand{background:var(--brand-soft);color:var(--brand)}.badge.outline{border-color:var(--border-strong);background:0 0}.op-chip{align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.op-chip .swatch{border-radius:2px;width:8px;height:8px}.op-chip.vodacom .swatch{background:var(--op-vodacom)}.op-chip.orange .swatch{background:var(--op-orange)}.op-chip.airtel .swatch{background:var(--op-airtel)}.op-chip.africell .swatch{background:var(--op-africell)}.table-wrap{overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl thead th{background:var(--bg-sunken);color:var(--text-muted);text-align:left;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:11.5px;font-weight:500;position:sticky;top:0}.tbl tbody td{padding:var(--pad-cell);border-bottom:1px solid var(--border);height:var(--row-h)}.tbl tbody tr:hover{background:var(--bg-hover)}.tbl tbody tr.selected{background:var(--brand-soft)}.tbl tbody tr:last-child td{border-bottom:0}.tbl td.num,.tbl th.num{text-align:right;font-variant-numeric:tabular-nums}.tbl td.center,.tbl th.center{text-align:center}.tbl .secondary{color:var(--text-muted);font-size:12.5px}.row{gap:14px;display:flex}.col{flex-direction:column;gap:14px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.split-2-1{grid-template-columns:2fr 1fr;gap:18px;display:grid}.split-1-2{grid-template-columns:1fr 2fr;gap:18px;display:grid}.steps{align-items:center;gap:0;margin-bottom:20px;display:flex}.step{border:1px solid var(--border);background:var(--bg-elev);flex:1;align-items:center;gap:10px;padding:12px 14px;display:flex;position:relative}.step:first-child{border-top-left-radius:var(--r-md);border-bottom-left-radius:var(--r-md)}.step:last-child{border-top-right-radius:var(--r-md);border-bottom-right-radius:var(--r-md)}.step+.step{border-left:0}.step .step-no{background:var(--bg-sunken);width:22px;height:22px;color:var(--text-muted);border:1px solid var(--border);border-radius:50%;place-items:center;font-size:11.5px;font-weight:600;display:grid}.step.done .step-no{background:var(--success);color:#fff;border-color:var(--success)}.step.active .step-no{background:var(--brand);color:#fff;border-color:var(--brand)}.step.active{background:var(--brand-soft)}.step .step-label{font-size:12.5px;font-weight:500}.step .step-sub{color:var(--text-muted);font-size:11.5px}.drop{border:1.5px dashed var(--border-strong);border-radius:var(--r-lg);background:var(--bg-sunken);text-align:center;color:var(--text-muted);cursor:pointer;flex-direction:column;align-items:center;gap:10px;padding:36px 24px;transition:border-color .15s,background .15s;display:flex}.drop.dragging,.drop:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.drop .icon{background:var(--bg-elev);width:44px;height:44px;color:var(--brand);border:1px solid var(--border);border-radius:50%;place-items:center;display:grid}.drop h4{color:var(--text);margin:0;font-size:15px;font-weight:600}.drop p{margin:0;font-size:12.5px}.file-pill{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-elev);align-items:center;gap:10px;padding:8px 10px 8px 12px;display:flex}.file-pill .ico{background:var(--success-soft);width:28px;height:28px;color:var(--success);border-radius:6px;place-items:center;font-size:10px;font-weight:700;display:grid}.file-pill .meta{flex:1;font-size:12.5px;line-height:1.25}.file-pill .meta .sub{color:var(--text-muted);font-size:11.5px}.bars{align-items:flex-end;gap:10px;height:200px;padding:12px 0;display:flex}.bars .col-bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.bars .bar{background:var(--brand);border-radius:4px 4px 0 0;width:100%;min-height:4px;position:relative}.bars .bar-label{color:var(--text-muted);font-size:11px}.bars .bar-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.legend{color:var(--text-muted);flex-wrap:wrap;gap:14px;font-size:12px;display:flex}.legend .item{align-items:center;gap:6px;display:inline-flex}.legend .sw{border-radius:2px;width:10px;height:10px}.donut-wrap{grid-template-columns:160px 1fr;align-items:center;gap:20px;display:grid}.donut{border-radius:50%;place-items:center;width:160px;height:160px;display:grid;position:relative}.donut:after{content:"";background:var(--bg-elev);border-radius:50%;position:absolute;inset:24px}.donut-center{z-index:1;text-align:center;position:relative}.donut-center .v{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:20px;font-weight:600}.donut-center .l{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.linechart{width:100%;height:220px}.divider{background:var(--border);height:1px;margin:12px 0}.empty{text-align:center;color:var(--text-muted);padding:40px 24px;font-size:13.5px}.empty .ico{background:var(--bg-sunken);width:44px;height:44px;color:var(--text-subtle);border-radius:50%;place-items:center;margin:0 auto 10px;display:grid}.kbd{font-family:var(--font-mono);border:1px solid var(--border-strong);background:var(--bg-elev);color:var(--text-muted);border-bottom-width:2px;border-radius:4px;padding:1px 6px;font-size:11px;display:inline-block}.stat-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.stat-row:last-child{border-bottom:0}.stat-row .l{color:var(--text-muted)}.stat-row .v{font-variant-numeric:tabular-nums;font-weight:500}.feed{flex-direction:column;display:flex}.feed-item{border-bottom:1px solid var(--border);grid-template-columns:28px 1fr auto;align-items:flex-start;gap:12px;padding:12px 0;display:grid}.feed-item:last-child{border-bottom:0}.feed-item .ico{background:var(--bg-sunken);width:28px;height:28px;color:var(--text-muted);border-radius:50%;place-items:center;display:grid}.feed-item.success .ico{background:var(--success-soft);color:var(--success)}.feed-item.warning .ico{background:var(--warning-soft);color:var(--warning)}.feed-item.info .ico{background:var(--info-soft);color:var(--info)}.feed-item.brand .ico{background:var(--brand-soft);color:var(--brand)}.feed-msg{font-size:13px;line-height:1.4}.feed-msg .who{font-weight:500}.feed-time{color:var(--text-subtle);white-space:nowrap;font-size:11.5px}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.tag-filter{border:1px solid var(--border);background:var(--bg-elev);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:4px 10px;font-size:12px}.tag-filter.on{background:var(--text);color:var(--bg-elev);border-color:var(--text)}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:oklch(18% .012 255/.4);place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);width:min(540px,92vw);box-shadow:var(--shadow-lg);overflow:hidden}.modal-h{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-b{padding:18px 20px}.modal-f{border-top:1px solid var(--border);background:var(--bg-sunken);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.switch{width:34px;height:20px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch .track{background:var(--border-strong);border-radius:999px;transition:background .15s;position:absolute;inset:0}.switch .thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.switch input:checked+.track{background:var(--brand)}.switch input:checked+.track .thumb{transform:translate(14px)}.auth-shell{background:var(--bg);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-side{background:linear-gradient(135deg, var(--brand-strong), oklch(30% .1 270));color:#fff;flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.auth-side:before{content:"";background:radial-gradient(circle,#ffffff2e,#0000 70%);border-radius:50%;width:380px;height:380px;position:absolute;top:-120px;right:-120px}.auth-side:after{content:"";background:radial-gradient(circle,oklch(85% .15 80/.18),#0000 70%);border-radius:50%;width:360px;height:360px;position:absolute;bottom:-160px;left:-80px}.auth-form-wrap{place-items:center;padding:48px;display:grid}.auth-form{width:min(380px,100%)}.small{font-size:12.5px}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.right{text-align:right}.center{text-align:center}.flex{display:flex}.flex-1{flex:1}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.items-center{align-items:center}.justify-between{justify-content:space-between}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.hidden{display:none}.spinner{border:2px solid var(--bg-sunken);border-top-color:var(--brand);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.alert{border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-sunken);color:var(--text);padding:10px 14px;font-size:13px}.alert-error{background:var(--danger-soft);color:var(--danger);border-color:oklch(from var(--danger) l c h / .3)}.alert-success{background:var(--success-soft);color:var(--success);border-color:oklch(from var(--success) l c h / .3)}.alert-info{background:var(--info-soft);color:var(--info);border-color:oklch(from var(--info) l c h / .3)}.alert-warning{background:oklch(from var(--warning) l c h / .12);color:var(--warning);border-color:oklch(from var(--warning) l c h / .3)}