:root{--bg:#f4f7fb;--panel:#fff;--card:#f8fafc;--text:#16243a;--muted:#68778d;--line:#e3e9f1;--accent:#0878e8;--accent-soft:#eaf4ff;--nav:#10243e;--danger:#dc3545;--ok:#11a36a;--warn:#ed9c20;--shadow:0 10px 30px rgba(26,49,80,.08)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.45}a{color:inherit}h1,h2,h3{margin:0 0 12px;line-height:1.2}h1{font-size:30px;letter-spacing:-.8px}h2{font-size:21px}h3{font-size:16px}.muted{color:var(--muted);font-size:14px}.small{font-size:12px}.danger-text{color:var(--danger)}
.admin-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#102946 0%,#0c1c31 100%);color:#fff;padding:24px 16px 16px;display:flex;flex-direction:column;overflow-y:auto;z-index:5}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 24px;font-size:17px;font-weight:800}.brand>span:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#168cf4,#55b2ff);box-shadow:0 8px 22px #0878e855}.brand small{display:block;color:#9eb2ca;font-size:11px;font-weight:500;margin-top:2px}.side-nav{display:grid;gap:17px;flex:1}.side-nav section{display:grid;gap:4px}.side-nav section>label{padding:0 11px 5px;color:#7890aa;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.side-nav .tab{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:#c4d1df;text-align:left;font:inherit;font-size:14px;cursor:pointer;transition:.16s}.side-nav .tab span:first-child{width:20px;text-align:center;font-size:17px}.side-nav .tab:hover{background:#ffffff12;color:#fff}.side-nav .tab.active{background:linear-gradient(90deg,#1486ee,#0878e8);color:#fff;box-shadow:0 7px 18px #0878e844;font-weight:700}.logout-button{margin-top:18px;width:100%;background:#ffffff0d!important;color:#f1b7bd!important;border:1px solid #ffffff14!important}.admin-main{min-width:0}.mobile-header{display:none}.wrap{max-width:1500px;margin:0 auto;padding:31px 34px 50px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading p{margin:5px 0 0}.eyebrow{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:7px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.stat,.card,.item{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.stat{padding:20px;position:relative;overflow:hidden}.stat:before{content:"";position:absolute;width:72px;height:72px;border-radius:50%;right:-21px;top:-25px;background:var(--accent-soft)}.stat b{display:block;font-size:25px;margin-top:7px;letter-spacing:-.5px}.stat.featured{background:linear-gradient(135deg,#0878e8,#24a1f2);color:#fff;border:0}.stat.featured:before{background:#fff2}.stat.featured .muted{color:#dbeeff}.card{padding:20px;margin-bottom:16px}.card>h2,.card>h3{margin-bottom:16px}.list{display:grid;gap:10px}.item{padding:15px;box-shadow:none}.item.click{transition:.16s}.item.click:hover{border-color:#9ecdf7;box-shadow:0 9px 24px rgba(8,120,232,.1);transform:translateY(-1px)}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px}.breakdown{display:grid;gap:8px}.breakdown>div{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;background:var(--card);border-radius:11px}.activity-list{display:grid}.activity-list .item{border:0;border-left:2px solid #cfe5fb;border-radius:0;padding:8px 0 12px 18px;position:relative}.activity-list .item:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);left:-5.5px;top:14px}
.row{display:flex;gap:10px;flex-wrap:wrap}.between{display:flex;align-items:center;justify-content:space-between;gap:14px}.search-bar{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 13px;margin-bottom:15px;box-shadow:0 5px 18px rgba(26,49,80,.04)}.search-bar .input{border:0;box-shadow:none;margin:0;padding-left:0;background:transparent}.input,textarea,select{width:100%;background:#fff;color:var(--text);border:1px solid #d8e1ec;border-radius:10px;padding:10px 12px;margin:5px 0 11px;font:inherit;font-size:14px;outline:none;transition:.15s}.input:focus,textarea:focus,select:focus{border-color:#58a9ed;box-shadow:0 0 0 3px #e3f2ff}label{font-size:12px;color:var(--muted);font-weight:650}button,.tab{font-family:inherit}button{background:#fff;color:var(--text);border:1px solid #d8e1ec;padding:9px 13px;border-radius:10px;cursor:pointer;font-weight:650;transition:.15s}button:hover{border-color:#9bc7ef;background:#f5faff}button.primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 5px 14px #0878e82e}button.primary:hover{background:#066bcf}.danger{background:#fff1f2!important;color:#c92c3b!important;border-color:#ffd1d6!important}button:disabled{opacity:.45;cursor:not-allowed}
table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}th,td{border-bottom:1px solid var(--line);padding:12px 10px;text-align:left;vertical-align:middle}th{color:#748397;font-size:11px;text-transform:uppercase;letter-spacing:.45px;background:#f8fafc}th:first-child{border-radius:9px 0 0 9px}th:last-child{border-radius:0 9px 9px 0}tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:#e8eef5;color:#526379;font-size:11px;font-weight:750}.overdue{background:#ffe8eb;color:#c92c3b}.active{background:#e2f8ef;color:#087c51}.paid{background:#e6f1ff;color:#096ac8}.modal{position:fixed;inset:0;background:rgba(10,26,46,.6);backdrop-filter:blur(4px);display:grid;place-items:center;padding:22px;z-index:50}.modal-body{max-width:900px;width:100%;max-height:91vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:19px;padding:23px;box-shadow:0 25px 80px #07132144}.click{cursor:pointer}.transaction-scroll,.card{overflow-x:auto}.transaction-scroll table{min-width:720px}.tx-positive{color:var(--ok);font-weight:750}.tx-negative{color:var(--danger);font-weight:750}.tx-interest{background:#fff2d8;color:#a66600}.tx-loan{background:#e4f1ff;color:#0866bd}.tx-payment{background:#e2f8ef;color:#087c51}.tx-fee{background:#ffe8eb;color:#c92c3b}.product-image,.proof-image{display:block;max-width:280px;max-height:280px;object-fit:contain;border-radius:12px;margin:12px 0;border:1px solid var(--line)}.audit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.audit-grid span{background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:11px;color:var(--muted);font-size:12px}.audit-grid b{display:block;color:var(--text);font-size:15px;margin-top:5px}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 15% 15%,#168cf450,transparent 32%),linear-gradient(145deg,#102946,#071525)}.login-card{width:min(420px,92vw);background:#fff;color:var(--text);padding:32px;border-radius:21px;box-shadow:0 25px 80px #0007}.login-card h1{color:#102946}
@media(max-width:1150px){.metric-grid,.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns{grid-template-columns:1fr}.wrap{padding:27px 24px}}
.admin-topbar{height:68px;display:flex;align-items:center;justify-content:flex-end;padding:0 34px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:4}.mobile-brand{display:none}.notification-button{position:relative;width:43px;height:43px;padding:0;display:grid;place-items:center;border-radius:13px;background:#f7f9fc;font-size:18px}.notification-button>b{position:absolute;right:-5px;top:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--danger);color:#fff;border:2px solid #fff;font-size:10px;display:grid;place-items:center}.notification-button.has-unread{border-color:#acd4f8;background:#edf7ff}.notification-list{display:grid;gap:10px}.admin-notification{display:grid;grid-template-columns:42px minmax(0,1fr) 8px;gap:13px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;box-shadow:var(--shadow)}.admin-notification.unread{border-color:#b8dbfa;background:#f8fcff}.notification-symbol{width:42px;height:42px;border-radius:13px;background:var(--accent-soft);display:grid;place-items:center;color:var(--accent)}.admin-notification p{margin:4px 0;color:var(--muted);font-size:14px}.admin-notification small{color:#8a97a9}.admin-notification>i{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:7px}
@media(max-width:820px){.admin-topbar{height:58px;padding:0 13px;justify-content:space-between}.mobile-brand{display:flex;flex-direction:column}.mobile-brand small{color:var(--muted);font-size:10px}.notification-button{width:39px;height:39px}}