.admin-body { --side: 232px; min-height: 100vh; color: #14211d; background: #eef1ec; }
.admin-sidebar { position: fixed; z-index: 20; inset: 0 auto 0 0; width: var(--side); display: flex; flex-direction: column; padding: 28px 20px 22px; color: rgba(255,255,255,.72); background: #0b1512; }
.admin-brand { margin: 0 9px 45px; color: white; }.sidebar-label { margin: 0 10px 13px; color: rgba(255,255,255,.27); font-size: 8px; font-weight: 700; letter-spacing: .14em; }
.admin-nav { display: grid; gap: 5px; }.admin-nav a { display: flex; align-items: center; gap: 12px; height: 45px; padding: 0 12px; border-radius: 10px; color: rgba(255,255,255,.5); font-size: 12px; }.admin-nav a:hover, .admin-nav a.active { color: white; background: rgba(255,255,255,.075); }.admin-nav a.active { box-shadow: inset 2px 0 var(--lime); }.admin-nav i { display: grid; place-items: center; width: 21px; color: var(--mint); font-style: normal; font-size: 15px; }
.sidebar-foot { display: grid; gap: 10px; margin-top: auto; padding: 17px 12px 0; border-top: 1px solid rgba(255,255,255,.08); }.sidebar-foot > span { color: rgba(255,255,255,.38); font-size: 9px; }.sidebar-foot > span i { display: inline-block; width: 6px; height: 6px; margin-right: 7px; border-radius: 50%; background: var(--lime); }.sidebar-foot strong { color: white; font: 500 10px/1 ui-monospace, monospace; }.sidebar-foot a { margin-top: 9px; color: var(--mint); font-size: 9px; }
.admin-main { min-height: 100vh; margin-left: var(--side); }
.admin-topbar { height: 82px; display: flex; align-items: center; justify-content: space-between; padding: 0 32px; border-bottom: 1px solid rgba(10,26,20,.09); background: rgba(248,250,247,.82); backdrop-filter: blur(16px); }.admin-topbar > div, .admin-topbar > div:first-child { display: flex; align-items: center; }.admin-topbar div > div { display: grid; gap: 2px; }.admin-topbar span { color: #77827d; font-size: 8px; letter-spacing: .09em; }.admin-topbar h1 { margin: 0; font-size: 20px; letter-spacing: -.03em; }.mobile-menu { display: none; }
.topbar-actions { gap: 9px; }.last-sync { display: grid; gap: 4px; margin-right: 14px; text-align: right; }.last-sync b { color: #253630; font: 600 9px/1 ui-monospace, monospace; }.topbar-actions > button { height: 36px; padding: 0 13px; color: #32433d; border: 1px solid rgba(10,26,20,.12); border-radius: 9px; background: #fbfcfa; font-size: 10px; cursor: pointer; }.topbar-actions .refresh-button { width: 36px; padding: 0; font-size: 16px; }.account-button { display: flex; align-items: center; gap: 8px; }.account-button i { display: grid; place-items: center; width: 23px; height: 23px; color: #18362e; border-radius: 7px; background: var(--lime); font-size: 9px; font-style: normal; font-weight: 800; }.account-button span { color: #32433d; }
.admin-content { width: min(1380px, calc(100vw - var(--side) - 56px)); margin: 0 auto; padding: 25px 0 50px; }
.summary-strip { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); margin-bottom: 14px; padding: 14px 20px; color: white; border-radius: 14px; background: #12201b; }.summary-strip > div { display: grid; gap: 4px; padding-left: 20px; border-left: 1px solid rgba(255,255,255,.08); }.summary-strip > div:first-child { padding-left: 0; border-left: 0; }.summary-strip p { margin: 0; color: rgba(255,255,255,.32); font-size: 8px; }.summary-strip strong { font-size: 10px; }.summary-strip .amber { color: #ffd18d; }.summary-live { display: flex; align-items: center; gap: 6px; color: var(--lime) !important; font: 600 8px/1 ui-monospace, monospace; }.summary-live i { width: 5px; height: 5px; border-radius: 50%; background: var(--lime); }
.metric-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 12px; }.metric-cards article { min-height: 148px; padding: 20px; border: 1px solid rgba(10,26,20,.09); border-radius: 14px; background: #fafbf9; }.metric-cards .featured-metric { color: white; border-color: #173026; background: #173026; }.metric-card-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }.metric-card-head > span { color: #6d7974; font-size: 10px; }.featured-metric .metric-card-head > span { color: rgba(255,255,255,.45); }.metric-icon { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: #e9eee9; font-style: normal; font-size: 12px; }.provider-icon { color: #246f5e; background: #ddf2e8; }.revenue-icon { color: #18362e; background: var(--lime); }.traffic-icon { color: #436ba5; background: #e1eafa; }.metric-cards article > strong { display: block; margin-bottom: 10px; font-size: 26px; letter-spacing: -.04em; }.metric-cards article > p { margin: 0; color: #8b958f; font-size: 8px; }.featured-metric > p { color: rgba(255,255,255,.38) !important; }.metric-cards p b { color: #3a6f61; }.featured-metric p b { color: var(--lime); }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(270px, .65fr); gap: 12px; margin-bottom: 12px; }.panel { border: 1px solid rgba(10,26,20,.09); border-radius: 14px; background: #fafbf9; }.revenue-chart-panel, .split-panel { min-height: 340px; padding: 21px; }.panel-head { display: flex; align-items: flex-start; justify-content: space-between; }.panel-head > div > span { color: #6b9b8e; font-size: 7px; font-weight: 800; letter-spacing: .13em; }.panel-head h2 { margin: 6px 0 0; font-size: 15px; }.legend { display: flex; gap: 15px; margin-top: 6px; }.legend span { color: #7e8984; font-size: 7px; }.legend i, .split-rows i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 2px; }.legend .customer { background: #b9c5bf; }.legend .provider, .split-rows .provider { background: #46c7a7; }.legend .platform, .split-rows .platform { background: var(--lime); }
.chart-wrap { position: relative; height: 250px; margin-top: 18px; padding-left: 36px; }.chart-axis { position: absolute; left: 0; top: 4px; bottom: 27px; display: flex; flex-direction: column; justify-content: space-between; color: #9ca5a1; font-size: 7px; }.chart-wrap svg { width: 100%; height: 218px; overflow: visible; background: repeating-linear-gradient(to bottom, transparent 0 53px, rgba(10,26,20,.07) 54px 55px); }.chart-days { display: grid; grid-template-columns: repeat(7,1fr); margin-top: 5px; color: #8e9994; font-size: 7px; text-align: center; }
.donut-wrap { display: grid; place-items: center; padding: 25px 0 18px; }.donut { width: 154px; height: 154px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(#46c7a7 0 70%, var(--lime) 70% 100%); }.donut::before { content: ""; grid-area: 1/1; width: 105px; height: 105px; border-radius: 50%; background: #fafbf9; }.donut > div { z-index: 1; grid-area: 1/1; display: grid; gap: 4px; text-align: center; }.donut strong { font-size: 18px; }.donut span { color: #8c9691; font-size: 7px; }.split-rows { display: grid; gap: 10px; padding-top: 15px; border-top: 1px solid rgba(10,26,20,.08); }.split-rows div { display: flex; justify-content: space-between; }.split-rows span { color: #78837e; font-size: 8px; }.split-rows strong { font-size: 9px; }
.ops-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-bottom: 12px; }.ops-card { padding: 17px 19px; border: 1px solid rgba(10,26,20,.09); border-radius: 13px; background: #fafbf9; }.ops-card > span { color: #7d8883; font-size: 8px; }.ops-card > div { display: flex; align-items: baseline; justify-content: space-between; margin: 12px 0; }.ops-card strong { font-size: 21px; }.ops-card small { color: #8d9792; font-size: 7px; }.ops-card small b { color: #397b6b; }.ops-bar { display: block; overflow: hidden; height: 4px; border-radius: 999px; background: #e6ebe7; }.ops-bar b { display: block; width: 0; height: 100%; border-radius: inherit; background: #49b99d; transition: width .5s ease; }
.gateway-panel, .settlement-panel { margin-bottom: 12px; padding: 21px; }.table-count, .ledger-note { color: #6b7771; font-size: 8px; font-weight: 500; }.table-count b { color: #236c5b; }.table-scroll { overflow-x: auto; margin-top: 18px; }table { width: 100%; border-collapse: collapse; text-align: left; }th { padding: 10px 11px; color: #8c9691; border-bottom: 1px solid rgba(10,26,20,.09); font-size: 7px; font-weight: 600; }td { padding: 13px 11px; color: #3d4d47; border-bottom: 1px solid rgba(10,26,20,.06); font-size: 8px; }tbody tr:last-child td { border-bottom: 0; }.region-cell { display: flex; align-items: center; gap: 9px; }.region-cell i { font-size: 17px; font-style: normal; }.region-cell div { display: grid; gap: 3px; }.region-cell strong { font-size: 9px; }.region-cell span { color: #909a95; font-size: 7px; }.mono { font-family: ui-monospace, "Cascadia Code", monospace; }.status-badge { display: inline-flex; align-items: center; gap: 5px; padding: 5px 7px; color: #8a631a; border-radius: 6px; background: #f7edcf; font-size: 7px; }.status-badge::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: currentColor; }.status-badge.online { color: #26705e; background: #def2e8; }.status-badge.offline { color: #994f42; background: #f7e2de; }.empty-cell { height: 92px; color: #96a09b; text-align: center; }.money-provider { color: #27806a; }.money-platform { color: #55791e; }.settled-badge { padding: 4px 6px; color: #26705e; border-radius: 5px; background: #def2e8; font-size: 7px; }
.order-actions { display: flex; gap: 5px; }.order-actions button { padding: 6px 8px; border: 0; border-radius: 6px; color: #275e50; background: #ddf1e7; font-size: 7px; cursor: pointer; }.order-actions button:last-child { color: #914b3f; background: #f6e0dc; }.status-badge.approved { color: #26705e; background: #def2e8; }.status-badge.rejected { color: #994f42; background: #f7e2de; }
.verify-button { padding: 7px 9px; border: 0; border-radius: 6px; color: #194f42; background: #d9f2e7; font-size: 7px; cursor: pointer; }.verify-button:disabled { color: #8a9590; background: #eaeeeb; cursor: not-allowed; }.secret-cell { max-width: 170px; overflow: hidden; text-overflow: ellipsis; }
.copy-cell { padding: 7px 5px; }.copy-value { display: inline-flex; align-items: center; gap: 7px; max-width: 230px; padding: 7px 8px; border: 1px solid rgba(31,102,84,.14); border-radius: 7px; color: #29473f; background: #f5f9f6; font: inherit; cursor: pointer; transition: .15s ease; }.copy-value span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.copy-value i { flex: 0 0 auto; color: #26705e; font-family: system-ui,sans-serif; font-size: 7px; font-style: normal; }.copy-value:hover { border-color: #46a98d; background: #eaf6f0; }.copy-value.copied { border-color: #46a98d; color: #17604f; background: #dcf3e8; }.copy-all-button { min-width: 80px; padding: 7px 9px; border: 1px solid #b8dccc; border-radius: 7px; color: #165c4b; background: #ecf8f2; font-size: 7px; cursor: pointer; }.copy-all-button:hover { background: #d9f2e7; }
.login-dialog { width: min(430px, calc(100vw - 28px)); padding: 38px; color: #13201c; border: 0; border-radius: 23px; box-shadow: 0 35px 100px rgba(0,0,0,.37); }.login-dialog::backdrop { background: rgba(5,13,10,.82); backdrop-filter: blur(7px); }.login-mark { width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 24px; border-radius: 15px; background: #0c1713; }.login-mark .brand-mark { transform: scale(.8); }.login-mark img { width:36px; height:36px; display:block; }.login-kicker { color: #2f806e; font-size: 8px; font-weight: 800; letter-spacing: .15em; }.login-dialog h2 { margin: 9px 0 10px; font-size: 27px; }.login-dialog > p { margin-bottom: 25px; color: #71807a; font-size: 11px; line-height: 1.65; }.login-dialog form { display: grid; }.login-dialog label { margin-bottom: 7px; color: #5f6c67; font-size: 9px; }.token-input { display: flex; border: 1px solid #ccd5d0; border-radius: 10px; background: #f6f8f5; }.token-input:focus-within { border-color: #3c8c79; box-shadow: 0 0 0 3px rgba(60,140,121,.1); }.token-input input { min-width: 0; flex: 1; height: 44px; padding: 0 13px; border: 0; outline: 0; background: transparent; font: 500 10px/1 ui-monospace, monospace; }.token-input button { width: 42px; border: 0; background: transparent; color: #74817b; cursor: pointer; }.login-error { min-height: 27px; padding-top: 7px; color: #a64b3e; font-size: 8px; }.login-submit { height: 46px; display: flex; align-items: center; justify-content: center; gap: 12px; color: #102019; border: 0; border-radius: 10px; background: var(--lime); font-weight: 800; cursor: pointer; }.login-dialog > small { display: block; margin-top: 15px; color: #9aa39f; font-size: 7px; text-align: center; }
.admin-locked .admin-main, .admin-locked .admin-sidebar { filter: blur(2px); pointer-events: none; }

@media (max-width: 1100px) { .metric-cards, .ops-grid { grid-template-columns: 1fr 1fr; }.dashboard-grid { grid-template-columns: 1fr; }.split-panel { min-height: 300px; }.donut-wrap { padding: 15px 0; } }
@media (max-width: 760px) { .admin-body { --side: 0px; }.admin-sidebar { width: 230px; transform: translateX(-100%); transition: transform .2s; }.admin-body.menu-open .admin-sidebar { transform: translateX(0); }.admin-main { margin-left: 0; }.admin-content { width: calc(100vw - 24px); }.admin-topbar { height: 70px; padding: 0 13px; }.mobile-menu { display: block; margin-right: 10px; border: 0; background: transparent; font-size: 18px; }.last-sync, #export-data, .account-button span { display: none; }.summary-strip { grid-template-columns: 1fr 1fr; gap: 14px; }.summary-strip > div:nth-child(3) { padding-left: 0; border-left: 0; }.gateway-panel, .settlement-panel { padding: 17px 12px; } }
@media (max-width: 480px) { .metric-cards, .ops-grid { grid-template-columns: 1fr; }.metric-cards article { min-height: 132px; }.summary-strip { grid-template-columns: 1fr 1fr; }.legend { display: none; }.chart-wrap { padding-left: 30px; }.login-dialog { padding: 29px 23px; } }

.split-rows .promoter { background: #7aa7ff; }.split-rows .reserve { background: #f3b55f; }
.share-config-panel { margin-bottom: 12px; padding: 21px; }.share-config-panel form { display: grid; grid-template-columns: repeat(5,minmax(120px,1fr)); gap: 14px; margin-top: 20px; }.share-config-panel label { display: grid; gap: 7px; color: #68756f; font-size: 8px; }.share-config-panel input { min-width: 0; height: 38px; padding: 0 10px; border: 1px solid #d4dbd7; border-radius: 8px; background: #f7f9f6; color: #1c2e27; font-size: 10px; }.share-config-panel input:focus { outline: 2px solid rgba(70,199,167,.22); border-color: #46a98f; }.share-config-panel input[readonly] { color: #6d7974; background: #edf1ed; }.share-notes { grid-column: span 3; }.share-submit { grid-column: span 2; display: flex; align-items: end; justify-content: flex-end; gap: 12px; }.share-submit span { color: #7d8984; font-size: 7px; }.share-submit button { height: 38px; padding: 0 16px; border: 0; border-radius: 8px; color: #11241c; background: var(--lime); font-size: 9px; font-weight: 800; cursor: pointer; }
@media (max-width: 1100px) { .share-config-panel form { grid-template-columns: repeat(3,1fr); }.share-notes, .share-submit { grid-column: span 3; } }
@media (max-width: 620px) { .share-config-panel form { grid-template-columns: 1fr 1fr; }.share-notes, .share-submit { grid-column: span 2; }.share-submit { align-items: stretch; flex-direction: column; }.share-submit button { width: 100%; } }
.login-dialog>.dialog-x{position:absolute;top:14px;right:16px;width:34px;height:34px;padding:0;color:#7b8983;border:0;border-radius:50%;background:transparent;font-size:25px;line-height:1;cursor:pointer}.login-dialog>.dialog-x:hover{color:#12201b;background:#eef2ee}
.control-warning{margin:0 24px 18px;padding:12px 14px;border:1px solid rgba(255,184,77,.24);border-radius:10px;background:rgba(255,184,77,.07);color:#b8aa88;font-size:13px}
.device-actions,.sms-actions{display:flex;gap:8px;flex-wrap:wrap}.device-actions button,.sms-actions button{border:1px solid #29443b;border-radius:8px;background:#10241e;color:#d7e8e1;padding:8px 10px;cursor:pointer;white-space:nowrap}.device-actions button:first-child{border-color:#55d7aa;color:#78e8c0}.device-actions button:disabled,.sms-actions button:disabled{opacity:.45;cursor:not-allowed}.sms-body{min-width:260px;max-width:520px;white-space:pre-wrap;word-break:break-word;line-height:1.5}.sms-unread{background:rgba(85,215,170,.045)}