:root{--safaricom-green: #00a651;--safaricom-dark: #063f24;--safaricom-soft: #e8f7ef;--ink: #1f2933;--muted: #63726a;--line: #dcefe4;--danger: #b42335;--danger-soft: #fff1f3;--success: #0b6b3a;--success-soft: #eefbf4}body{background:linear-gradient(180deg,#00a65114,#fff0 280px),#f7faf8;color:var(--ink);font-size:.92rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}.surface{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 34px #063f240e}.auth-panel{max-width:420px;width:100%}.auth-card{border-top:4px solid var(--safaricom-green);padding:1.65rem!important}.brand-lockup{align-items:center;display:flex;gap:.9rem}.brand-symbol{align-items:center;background:var(--safaricom-green);border-radius:8px;color:#fff;display:inline-flex;font-weight:800;font-size:.86rem;height:42px;justify-content:center;width:42px}.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{color:#16251d;letter-spacing:0}.h3,h1.h3{font-size:1.35rem}.h4,h1.h4{font-size:1.12rem}.h5,h2.h5{font-size:1rem}.text-muted{color:var(--muted)!important}.form-label{color:#223129;font-size:.82rem;font-weight:700;margin-bottom:.4rem}.form-control,.form-select{border-color:#d8e0dc;border-radius:8px;color:#101820;font-size:.9rem;min-height:42px;padding:.56rem .72rem;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}.form-control-lg{border-radius:8px;font-size:.94rem;min-height:46px;padding:.62rem .78rem}.form-control::placeholder{color:#98a49e}.form-control[readonly]{background:#f8faf9;color:#51615a}.btn-safaricom{--bs-btn-bg: var(--safaricom-green);--bs-btn-border-color: var(--safaricom-green);--bs-btn-color: #fff;--bs-btn-hover-bg: #008f45;--bs-btn-hover-border-color: #008f45;--bs-btn-hover-color: #fff;--bs-btn-active-bg: #007b3c;--bs-btn-active-border-color: #007b3c;--bs-btn-disabled-bg: #89d7ad;--bs-btn-disabled-border-color: #89d7ad;border-radius:8px;box-shadow:0 8px 18px #00a6512e;font-size:.88rem;font-weight:800;min-height:42px;padding:.58rem 1rem;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.btn-safaricom:hover{box-shadow:0 10px 22px #008f4538;transform:translateY(-1px)}.btn-safaricom:active{box-shadow:0 4px 12px #008f452e;transform:translateY(0)}.btn-outline-safaricom{--bs-btn-border-color: var(--safaricom-green);--bs-btn-color: var(--safaricom-green);--bs-btn-hover-bg: var(--safaricom-green);--bs-btn-hover-border-color: var(--safaricom-green);--bs-btn-hover-color: #fff;border-radius:8px;font-size:.82rem;font-weight:750;padding:.4rem .75rem}.btn-link{--bs-btn-color: var(--safaricom-green);--bs-btn-hover-color: #007b3c;font-size:.9rem;font-weight:700}.form-control:focus,.form-select:focus{border-color:var(--safaricom-green);box-shadow:0 0 0 .18rem #00a65121}.text-safaricom{color:var(--safaricom-green)}.eyebrow{color:var(--safaricom-green);font-size:.68rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.metric{border-left:3px solid var(--safaricom-green)}.page-head{align-items:flex-end;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.table-panel{overflow:hidden}.app-table{font-size:.82rem}.app-table thead th{background:#f7fbf9;border-bottom:1px solid var(--line);color:#53635c;font-size:.68rem;font-weight:850;letter-spacing:0;padding:.72rem .9rem;text-transform:uppercase}.app-table tbody td{border-color:#eef4f1;color:#26362e;padding:.78rem .9rem;white-space:nowrap}.table-empty{color:var(--muted)!important;padding:2rem!important;text-align:center}.table-footer{align-items:center;background:#fbfdfc;border-top:1px solid #eef4f1;color:var(--muted);display:flex;font-size:.8rem;font-weight:650;justify-content:space-between;padding:.8rem .95rem}.status-pill{border-radius:999px;display:inline-flex;font-size:.7rem;font-weight:850;padding:.22rem .5rem;text-transform:capitalize}.status-success{background:var(--success-soft);color:var(--success)}.status-danger{background:var(--danger-soft);color:var(--danger)}.status-info{background:#ecf5ff;color:#175cd3}.status-muted{background:#f1f5f3;color:#53635c}.modal-backdrop-custom{background:#0a140f57;inset:0;position:fixed;z-index:1040}.create-modal{z-index:1050}.modal-content{border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 70px #063f242e}.modal-header,.modal-footer{border-color:#eef4f1;padding:1rem 1.1rem}.modal-body{padding:1.1rem}.form-hint{color:var(--muted);font-size:.76rem;margin-top:.4rem}.access-list{display:grid;gap:.55rem}.access-item{align-items:center;border:1px solid #e2eee8;border-radius:8px;display:flex;gap:.75rem;padding:.75rem .85rem}.access-title{color:#16251d;display:block;font-size:.86rem;font-weight:800}.access-subtitle{color:var(--muted);display:block;font-size:.78rem}.details-grid{display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-item{background:#f8fbf9;border:1px solid #e2eee8;border-radius:8px;padding:.75rem .85rem}.detail-label{color:var(--muted);font-size:.68rem;font-weight:850;text-transform:uppercase}.detail-value{color:#16251d;font-size:.88rem;font-weight:750;margin-top:.18rem;overflow-wrap:anywhere}.details-json{background:#0e1a14;border-radius:8px;color:#d9fbe7;font-size:.76rem;margin:0;max-height:220px;overflow:auto;padding:.85rem;white-space:pre-wrap}@media(min-width:768px){.auth-card{padding:2rem!important}}@media(max-width:700px){.page-head,.table-footer{align-items:stretch;flex-direction:column}.details-grid{grid-template-columns:1fr}}.alert{align-items:flex-start;border-radius:8px;display:flex;font-size:.84rem;font-weight:700;gap:.58rem;line-height:1.38;margin-bottom:1rem;padding:.76rem .9rem}.alert:before{align-items:center;border-radius:999px;display:inline-flex;flex:0 0 20px;font-size:.75rem;font-weight:900;height:20px;justify-content:center;line-height:1;margin-top:.02rem;width:20px}.alert-danger{background:var(--danger-soft);border-color:#ffc7d0;color:var(--danger)}.alert-danger:before{background:#ffd7dd;content:"!"}.alert-success{background:var(--success-soft);border-color:#bfead1;color:var(--success)}.alert-success:before{background:#cff3dd;content:"\2713"}