:root{--ink:#182420;--ink-soft:#5B6B63;--paper:#F7F8F6;--surface-disabled:#F1F1EF;--card:#FFFFFF;--border:#E3E6E1;--teal-deep:#0B6E5C;--teal:#12A489;--teal-soft:#E1F3EE;--gold:#C99A3B;--gold-soft:#F6ECD4;--clay:#B5502F;--clay-soft:#F5E4DD;--radius:14px;--sidebar-w:250px;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);min-height:100vh}button,a,input,select{transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}h1,h2,h3{font-family:inherit;letter-spacing:-.01em;font-weight:700}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 16px #0b1d1a0d;padding:26px;margin-bottom:22px}.card h2{font-size:18px;font-weight:800;margin:0;color:var(--ink)}.card h3{font-size:15px;font-weight:700;margin:0 0 12px;color:var(--ink)}.tabs{display:inline-flex;gap:6px;background:var(--teal-soft);border-radius:999px;padding:4px;margin-bottom:20px}.tab{border:none;background:none;padding:9px 18px;font-size:13px;font-weight:700;color:var(--teal-deep);cursor:pointer;border-radius:999px;font-family:inherit}.tab.active{background:var(--teal-deep);color:#fff}label{display:block;font-size:13px;font-weight:700;color:var(--ink-soft);margin-bottom:6px}.field{margin-bottom:16px;flex:1}.field-row{display:flex;gap:14px}@media (max-width:600px){.field-row{flex-direction:column;gap:0}}input[type=text],input[type=month],input[type=tel],input[type=email],input[type=password],input[type=date],input[type=file],select{width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:10px;font-size:14px;color:var(--ink);background:#fff;font-family:inherit}input:focus,select:focus{outline:2px solid var(--teal);outline-offset:1px;border-color:var(--teal)}select:disabled{background:var(--surface-disabled);color:var(--ink-soft)}.phone-row{display:flex;gap:8px;margin-bottom:8px;align-items:center}.phone-row input{flex:1}.row-status{font-size:12px;white-space:nowrap}.row-status.warn{color:var(--clay);font-weight:700}.row-remove{border:1px solid var(--border);background:#fff;border-radius:10px;width:38px;height:38px;flex-shrink:0;cursor:pointer;color:var(--clay);font-size:16px}.row-remove:hover{background:var(--clay-soft)}.add-row-btn{width:100%;padding:10px;border:1px dashed var(--border);background:transparent;border-radius:10px;color:var(--teal-deep);font-size:13px;font-weight:700;cursor:pointer;margin-bottom:16px;font-family:inherit}.add-row-btn:hover{background:var(--teal-soft)}.submit-btn{width:100%;padding:13px;border:none;border-radius:10px;background:var(--teal-deep);color:#fff;font-size:14px;font-weight:800;cursor:pointer;font-family:inherit}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn:not(:disabled):hover{background:#095548}.status-msg{margin-top:10px;font-size:13px;padding:10px 12px;border-radius:10px;display:none}.status-msg.ok{display:block;background:var(--teal-soft);color:var(--teal-deep)}.status-msg.err{display:block;background:var(--clay-soft);color:var(--clay)}.hint{font-size:13px;color:var(--ink-soft);margin:0 0 10px;line-height:1.5}.table-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters input{width:150px;padding:9px 11px;font-size:13px}.export-btn{border:1px solid var(--border);background:#fff;padding:9px 16px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;color:var(--teal-deep);font-family:inherit}.export-btn:hover{background:var(--teal-soft);border-color:var(--teal)}table{width:100%;border-collapse:collapse;font-size:13px}thead th{text-align:left;padding:11px 12px;color:#fff;font-weight:700;background:var(--teal-deep);white-space:nowrap;position:sticky;top:0;z-index:1}thead th.num{text-align:right}thead tr:first-child th:first-child{border-top-left-radius:8px}thead tr:first-child th:last-child{border-top-right-radius:8px}tbody td{padding:10px;border-bottom:1px solid var(--border);white-space:nowrap}tbody td.num{text-align:right;font-variant-numeric:tabular-nums}tbody tr:nth-child(2n){background:#fafbf9}tbody tr:hover{background:var(--teal-soft)}thead th.score-col{background:#095548}tbody td.score-col{background:var(--teal-soft);font-weight:700;color:var(--teal-deep)}thead th.sortable{cursor:pointer;user-select:none}thead th.sortable:hover{background:#095548}.ranking-table{border:1px solid var(--border);border-radius:12px;overflow:hidden}.ranking-table tbody tr:last-child td{border-bottom:none}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-weight:800;font-size:12px;color:#fff}.rank-badge-1{background:var(--gold)}.rank-badge-2{background:#8e97a3}.rank-badge-3{background:var(--clay)}@media (max-width:768px){.ranking-table thead{display:none}.ranking-table,.ranking-table tbody,.ranking-table tr,.ranking-table td{display:block;width:100%}.ranking-table{border:none}.ranking-table tr{margin-bottom:12px;border:1px solid var(--border);border-radius:12px;padding:6px 14px;background:#fff}.ranking-table td{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--surface-disabled);text-align:right;white-space:normal}.ranking-table td:last-child{border-bottom:none}.ranking-table td:before{content:attr(data-label);font-weight:700;color:var(--ink-soft);text-align:left;flex-shrink:0;margin-right:10px}.ranking-table td.score-col{background:none;border-radius:0}.preview-table thead{display:none}.preview-table,.preview-table tbody,.preview-table tr,.preview-table td{display:block;width:100%}.preview-table{border:none}.preview-table tr{margin-bottom:10px;border:1px solid var(--border);border-radius:12px;padding:6px 14px;background:#fff}.preview-table tr.row-error{background:#fbf3f0}.preview-table td{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--surface-disabled);text-align:right;white-space:normal}.preview-table td:last-child{border-bottom:none}.preview-table td:before{content:attr(data-label);font-weight:700;color:var(--ink-soft);text-align:left;flex-shrink:0;margin-right:10px}}.del-cell{cursor:pointer;color:var(--clay);text-align:center}.empty-state{text-align:center;padding:40px 10px;color:var(--ink-soft);font-size:13px}.count-badge{font-size:12px;color:var(--ink-soft);font-weight:700}.pagination-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}.page-range{font-size:12.5px;color:var(--ink-soft)}.page-buttons{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.page-btn{border:1px solid var(--border);background:#fff;color:var(--teal-deep);padding:6px 11px;border-radius:8px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;min-width:34px}.page-btn:hover:not(:disabled){background:var(--teal-soft);border-color:var(--teal)}.page-btn.active{background:var(--teal-deep);color:#fff;border-color:var(--teal-deep)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-ellipsis{color:var(--ink-soft);padding:0 2px;font-size:12.5px}.msisdn-summary-note{background:var(--gold-soft);color:#8a6a1f;padding:10px 14px;border-radius:10px;margin:0 0 18px}.msisdn-summary-period{margin-bottom:22px}.msisdn-summary-period:last-child{margin-bottom:0}.msisdn-summary-period-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:800;font-size:14px;color:var(--ink)}.role-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.role-chip{background:var(--teal-soft);color:var(--teal-deep);padding:4px 11px;border-radius:999px;font-size:12px;font-weight:600}.role-chip b{font-weight:800;margin-left:2px}.preview-table{margin-top:14px;border:1px solid var(--border);border-radius:12px;overflow:hidden}.preview-table table{font-size:12.5px}.preview-table tbody tr{background:#fff}.row-error{background:#fbf3f0!important;box-shadow:inset 3px 0 0 var(--clay)}.row-error td:last-child{color:var(--clay);font-weight:600}.admin-block{padding-top:22px;border-top:1px solid var(--border);margin-bottom:0}.admin-block:first-of-type{padding-top:0;border-top:none}.admin-block+.admin-block{margin-top:6px}.inline-form{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.inline-form input,.inline-form select{width:180px}.chip-list{display:flex;flex-wrap:wrap;gap:6px}.chip{background:var(--gold-soft);color:#8a6a1f;padding:5px 13px;border-radius:999px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.chip.chip-locked{background:var(--surface-disabled);color:var(--ink-soft)}.chip-lock-btn{border:none;background:#00000014;color:inherit;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;cursor:pointer;font-family:inherit}.chip-lock-btn:hover{background:#00000029}.modal-overlay{position:fixed;inset:0;background:#0b1d1a8c;display:none;align-items:center;justify-content:center;z-index:50;padding:20px}.modal-overlay.open{display:flex}.modal{background:#fff;border-radius:var(--radius);padding:26px;max-width:400px;width:100%;box-shadow:0 20px 50px #0b1d1a40}.modal h3{margin:0 0 4px;font-size:18px;color:var(--ink)}.modal p{margin:0 0 16px;color:var(--ink-soft);font-size:13px}.modal-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.modal-actions button{flex:1;padding:11px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;min-width:140px;font-family:inherit}.btn-secondary{border:1px solid var(--border);background:#fff;color:var(--ink)}.btn-primary{border:none;background:var(--teal-deep);color:#fff}.btn-primary:disabled,.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.topbar{background:linear-gradient(120deg,var(--teal-deep),var(--teal));padding:16px 24px;display:flex;align-items:center;gap:12px}.topbar img{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 2px 6px #00000026}.topbar-text{flex:1;min-width:0}.topbar-title{font-size:16px;font-weight:800;color:#fff;line-height:1.3}.topbar-subtitle{font-size:12px;color:#ffffffd9;margin-top:1px}.topbar-exit{border:1px solid rgba(255,255,255,.4);background:#ffffff1f;color:#fff;border-radius:50%;width:36px;height:36px;flex-shrink:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.topbar-exit:hover{background:#ffffff38}.topbar-exit .nav-icon{width:16px;height:16px}.dash-shell{display:flex;min-height:calc(100vh - 74px);align-items:stretch}.dash-sidebar{width:var(--sidebar-w);flex-shrink:0;padding:20px 12px;display:flex;flex-direction:column;gap:3px;background:#fff;border-right:1px solid var(--border)}.nav-eyebrow{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--ink-soft);padding:0 12px;margin-bottom:8px}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;color:var(--ink-soft);text-decoration:none;font-size:13px;font-weight:700;font-family:inherit;border:none;background:none;cursor:pointer;text-align:left;width:100%}.nav-item:hover{background:var(--teal-soft);color:var(--teal-deep)}.nav-item.active{background:linear-gradient(135deg,var(--teal-deep),var(--teal));color:#fff}.nav-icon{width:18px;height:18px;flex-shrink:0;display:inline-flex}.nav-icon svg{width:100%;height:100%}.dash-content{flex:1;min-width:0;padding:32px 32px 60px}@media (max-width:768px){.topbar{padding:12px 16px}.topbar img{width:34px;height:34px}.topbar-title{font-size:14px}.topbar-subtitle{font-size:11px}.dash-shell{min-height:0}.dash-sidebar{position:fixed;bottom:0;left:0;right:0;z-index:40;width:100%;flex-direction:row;justify-content:space-around;padding:8px 4px;border-right:none;border-top:1px solid var(--border);box-shadow:0 -2px 10px #0000000f}.nav-eyebrow{display:none}.nav-item{flex-direction:column;gap:3px;padding:6px 4px;font-size:10px;text-align:center;flex:1}.nav-icon{width:20px;height:20px;margin:0 auto}.dash-content{padding:20px 16px 96px}}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 20% 15%,rgba(201,154,59,.12),transparent 45%),radial-gradient(circle at 85% 85%,rgba(11,74,67,.08),transparent 45%),var(--paper)}.auth-card{background:#fff;width:100%;max-width:420px;border-radius:18px;padding:34px 32px 28px;text-align:center;box-shadow:0 24px 48px #0b1d1a1f}.auth-card img.auth-logo{width:92px;height:92px;object-fit:contain;margin:0 auto 14px;display:block}.auth-card h1{font-size:20px;font-weight:800;color:var(--teal-deep);margin:0 0 4px}.auth-card .auth-subtitle{font-size:13px;font-style:italic;color:var(--ink-soft);margin:0 0 20px}.auth-card .auth-label{font-size:13px;font-weight:700;color:var(--ink);text-align:left;margin:0 0 8px}.auth-card .field{margin-bottom:12px;text-align:left}.auth-card .auth-btn{width:100%;padding:13px;border:none;border-radius:10px;background:linear-gradient(120deg,var(--teal-deep),var(--teal));color:#fff;font-size:14px;font-weight:800;font-family:inherit;cursor:pointer;margin-top:6px}.auth-card .auth-btn:hover{background:linear-gradient(120deg,#093a35,var(--teal-deep))}.auth-error{color:var(--clay);font-size:13px;text-align:left;margin-bottom:2px}.auth-error:empty{display:none}.auth-secondary-btn{width:auto;padding:6px 14px;border:none;border-radius:8px;background:none;color:var(--ink-soft);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;margin-top:12px;text-decoration:underline;display:block;margin-left:auto;margin-right:auto}.auth-secondary-btn:hover{color:var(--teal-deep)}.password-field{position:relative}.password-field input{padding-right:44px}.eye-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:none;cursor:pointer;font-size:16px;color:var(--ink-soft);padding:4px}.filter-bar{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--border)}.filter-bar .field{margin-bottom:0;min-width:180px;flex:1}.as-of-note{font-size:12px;color:var(--ink-soft);margin:0 0 20px}.island-section{margin-bottom:32px}.island-section:last-child{margin-bottom:0}.island-section h3{font-size:16px;margin:0 0 4px;color:var(--ink)}.island-section .island-divider{border:none;border-top:2px solid var(--teal-soft);margin:0 0 16px}.brand-groups{display:flex;gap:20px;flex-wrap:wrap}.brand-group{flex:1;min-width:260px}.brand-group-title{font-size:12px;font-weight:800;color:var(--teal-deep);margin-bottom:10px;text-transform:uppercase;letter-spacing:.04em}.podium-row{display:flex;flex-direction:column;gap:8px}.podium-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:#fff;transition:box-shadow .15s}.podium-card:hover{box-shadow:0 2px 10px #0b1d1a14}.podium-rank{font-size:22px;width:36px;text-align:center;flex-shrink:0}.podium-info{flex:1;min-width:0}.podium-mc{font-size:13px;font-weight:700;color:var(--ink)}.podium-branch{font-size:12px;color:var(--ink-soft)}.podium-score{font-size:13px;font-weight:800;color:var(--teal-deep);flex-shrink:0;background:var(--teal-soft);padding:5px 11px;border-radius:999px}.podium-card.rank-1{border-color:var(--gold);background:var(--gold-soft)}@media (max-width:768px){.auth-card input,.auth-card select{font-size:16px}}
