@import"https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap";*{box-sizing:border-box}body{margin:0;font-family:Roboto,Arial,sans-serif;background:#f8f8fb;color:#1f2937}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh;position:relative}.sidebar{width:300px;border-right:1px solid #e9e9ef;background:#1f2431;padding:20px 16px;overflow-y:auto}.brand{font-size:22px;font-weight:800;color:#fff;font-family:Oswald,Arial,sans-serif}.sidebar-subtitle{margin:8px 0 20px;color:#a7afc3}.menu{display:flex;flex-direction:column;gap:8px}.menu-item{border:1px solid transparent;background:#2a3042;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}.menu-item strong{font-size:14px;color:#eff2f7}.menu-item span{font-size:12px;color:#97a1ba}.menu-item.active{border-color:#4f5f8e;background:#2f374d}.menu-section-title{margin:10px 4px 4px;color:#b8c1d9;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.menu-section-user-title{color:#91a8ff}.menu-section-admin-title{color:#f5b393}.menu-item-user{background:#253150}.menu-item-user.active{border-color:#607fff;background:#2f406c}.menu-item-admin{background:#3a2b2b}.menu-item-admin.active{border-color:#ff8a63;background:#4a3535}.sidebar-overlay{display:none}.content{flex:1;padding:22px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:14px;background:#fff;border:1px solid #ececf2;border-radius:12px;padding:14px}.topbar h1{margin:0;font-size:24px;font-family:Oswald,Arial,sans-serif;letter-spacing:.02em}.topbar p{margin:6px 0 0;color:#475467}.topbar button,.panel button,.auth-card button{border:0;border-radius:8px;background:#3f57d3;color:#fff;font-weight:600;cursor:pointer;padding:10px 14px}.topbar button:hover,.panel button:hover,.auth-card button:hover{background:#3349b4}.menu-toggle-btn{display:none;margin-bottom:6px;border:1px solid #cdd5df!important;background:#fff!important;color:#344054!important;padding:6px 10px!important}.logout-btn{margin-left:auto;white-space:nowrap}.page-title h2{margin:0 0 6px;font-family:Oswald,Arial,sans-serif;letter-spacing:.02em}.page-title p{margin:0 0 12px;color:#475467}.grid{display:grid;gap:12px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.panel{background:#fff;border:1px solid #ececf2;border-radius:12px;padding:14px}.card{display:flex;flex-direction:column;gap:8px}.card span{color:#667085}.card strong{font-size:20px}.panel-nested{margin-top:12px}.panel textarea,.panel input,.panel select,.auth-card input{width:100%;border:1px solid #d9d9e3;border-radius:8px;padding:10px 12px;margin-top:6px;margin-bottom:10px}.panel label,.auth-card label{font-size:13px;color:#444b64}.logs,.clusters{margin:10px 0;padding-left:18px}.table{width:100%;border-collapse:collapse;margin-top:12px}.table th,.table td{border:1px solid #ececf2;text-align:left;padding:8px 10px;font-size:13px}.table th{background:#f8f9ff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182875;display:grid;place-items:center;z-index:80}.modal-card{width:min(640px,92vw);background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.modal-header h3{margin:0;font-family:Oswald,Arial,sans-serif}.modal-body{margin-top:8px}.modal-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:10px}.suggestion-card{border:1px solid #ececf2;border-radius:10px;padding:10px;margin:8px 0}.muted{color:#667085;font-size:13px;margin:4px 0}.tree{border:1px solid #ececf2;border-radius:10px;padding:10px}.tree-node+.tree-node{margin-top:8px}.tree-toggle{border:0;background:transparent;color:#344054;font-weight:600;cursor:pointer;padding:0}.edit-row{display:flex;align-items:center;gap:8px}.edit-row input{max-width:280px}.danger-link{color:#b42318}.edit-actions{margin:10px 0}.admin-actions{display:flex;flex-direction:column;gap:6px;min-width:180px}.admin-actions input,.admin-actions select{border:1px solid #d9d9e3;border-radius:6px;padding:6px 8px;font-size:12px}.clickable-row{cursor:pointer}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700}.status-active{background:#dcfce7;color:#166534}.status-banned{background:#fee2e2;color:#991b1b}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.small-btn{padding:5px 9px!important;font-size:12px}.danger-btn{background:#b42318!important}.danger-btn:hover{background:#912018!important}.txn-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700}.txn-topup{background:#dcfce7;color:#166534}.txn-debit{background:#fee2e2;color:#991b1b}.txn-referral{background:#ede9fe;color:#5b21b6}.txn-adjustment{background:#e0f2fe;color:#075985}.amount-positive{color:#166534;font-weight:700}.amount-negative{color:#991b1b;font-weight:700}.provider-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.keys-bulk-row{display:flex;flex-direction:column;gap:8px;margin-top:6px}.keys-bulk-row textarea{margin:0;min-height:96px}.key-bulk-actions{margin:8px 0 6px;display:flex;gap:8px;flex-wrap:wrap}.key-filter-row{margin:6px 0 8px;display:flex;align-items:center;gap:10px}.key-filter-row select{max-width:240px;margin:0}.key-action-btn{min-width:210px}.import-btn{background:#1f8a45!important}.import-btn:hover{background:#166a34!important}.rotation-radio-group{display:flex;flex-direction:column;gap:8px;margin:8px 0 10px}.rotation-option{border:1px solid #dbe3f2;border-radius:10px;background:#f8fafc;padding:8px 10px;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:flex-start}.rotation-option input[type=radio]{margin-top:3px}.rotation-option span{display:flex;flex-direction:column;gap:2px}.provider-order-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;width:min(560px,100%)}.provider-order-item{border:1px solid #dce3ef;border-radius:10px;padding:8px 10px;background:#f8fafc;display:flex;align-items:center;gap:8px;justify-content:space-between}@media(min-width:1024px){.provider-order-list{width:560px}}.provider-priority-index{color:#475467;min-width:26px}.provider-name{width:220px;text-align:left}.provider-order-actions{display:flex;gap:6px;min-width:76px;justify-content:flex-end}.provider-arrow-btn{width:28px;min-width:28px;height:24px;padding:2px 0!important;font-size:11px!important;line-height:1;text-align:center}.key-list{list-style:none;margin:10px 0 6px;padding:0;display:flex;flex-direction:column;gap:8px}.key-item{border:1px solid #dce3ef;border-radius:10px;padding:8px 10px;background:#f8fafc;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.drag-handle{color:#64748b;cursor:grab;-webkit-user-select:none;user-select:none}.key-item code{font-size:12px;color:#0f172a;overflow:hidden;text-overflow:ellipsis}.key-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.key-status{margin:2px 0 0;font-size:12px;grid-column:1 / -1}.check-ok{color:#166534}.check-error{color:#991b1b}.warning-text{color:#b42318}.critical-text{color:#7f1d1d;font-weight:700}.runtime-history-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}.runtime-history-toolbar select{max-width:220px;margin:0}.runtime-summary{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 10px}.runtime-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.runtime-badge-ok{background:#dcfce7;color:#166534}.runtime-badge-error{background:#fee2e2;color:#991b1b}.runtime-badge-total{background:#e0f2fe;color:#075985}.runtime-badge-critical{background:#ffedd5;color:#9a3412}.runtime-badge-live{background:#dcfce7;color:#166534}.runtime-badge-pause{background:#fef3c7;color:#92400e}.runtime-severity-label{display:inline-flex;margin-left:6px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;vertical-align:middle}.runtime-severity-critical{background:#fee2e2;color:#991b1b}.runtime-severity-normal{background:#fff7ed;color:#9a3412}.runtime-error-focus-btn{border:0;padding:0;margin:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}.runtime-error-focus-btn:hover{text-decoration:underline}.runtime-error-mute-btn{margin-left:8px;border:1px solid #e2e8f0;border-radius:8px;padding:2px 8px;background:#fff;color:#475467;font-size:11px;cursor:pointer}.runtime-error-mute-btn:hover{background:#f8fafc}.ghost-btn{background:#eef2ff;color:#334155}.checkbox-row{display:flex;align-items:center;gap:8px;margin:6px 0}.checkbox-row input[type=checkbox],.checkbox-row input[type=radio]{width:auto;margin:0}.auth-layout{min-height:100vh;display:grid;place-items:center;background:linear-gradient(120deg,#f8f8fb,#eef1ff)}.auth-card{width:420px;background:#fff;border:1px solid #ececf2;border-radius:12px;padding:24px}.auth-card form{display:flex;flex-direction:column}.auth-card h1{margin:0;color:#556ee6;font-family:Oswald,Arial,sans-serif;letter-spacing:.02em}.auth-card h2{margin:10px 0 16px;font-family:Oswald,Arial,sans-serif;letter-spacing:.02em}.auth-bottom{margin-top:14px;color:#475467}.auth-bottom a{color:#556ee6}.error{color:#cb3a31;margin:6px 0 10px}.info{color:#14532d;background:#dcfce7;border:1px solid #86efac;border-radius:8px;padding:8px 10px;margin:10px 0;font-size:13px}.link-button{padding:0;border:0;background:transparent;color:#556ee6;font-weight:600;text-decoration:underline;cursor:pointer;margin:6px 0 10px}.inline-help{margin:4px 0 10px}.auth-card .primary-submit{width:100%;margin-top:8px}.auth-card .link-button{color:#556ee6;background:transparent;border:0;border-radius:0;font-weight:600;padding:0;text-decoration:underline}@media(max-width:1120px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(340px,84vw);transform:translate(-105%);transition:transform .2s ease;z-index:90;border-right:1px solid #2f3c60}.sidebar.open{transform:translate(0)}.sidebar-overlay.visible{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a6b;z-index:85}.grid-3,.grid-2{grid-template-columns:1fr}.menu-toggle-btn{display:inline-flex;align-items:center}.topbar-brand{display:none}.topbar{align-items:flex-start}.topbar .logout-btn{margin-left:auto}.provider-arrow-btn{width:24px;min-width:24px;height:22px;font-size:10px!important}}@media(max-width:900px){.content{padding:16px}.table{display:block;overflow-x:auto;white-space:nowrap}.modal-card{width:min(680px,95vw)}}@media(max-width:640px){.menu-item{padding:9px 10px}.content{padding:12px}.topbar{align-items:center}.auth-card{width:min(420px,94vw);padding:18px}.modal-card{width:96vw;padding:12px}.modal-actions{flex-direction:column-reverse;justify-content:stretch}.modal-actions button{width:100%}.row-actions{flex-direction:column}.row-actions .small-btn{width:100%}.topbar .logout-btn{width:auto;margin-left:auto;padding:8px 12px}.keys-bulk-row{flex-direction:column;align-items:stretch}.key-bulk-actions{flex-direction:column}.key-filter-row{flex-direction:column;align-items:stretch}.key-filter-row select{max-width:none}.key-action-btn{width:100%;min-width:0}.key-item{grid-template-columns:1fr;align-items:stretch}.provider-order-item{align-items:flex-start;flex-direction:column}.provider-name{width:100%}.provider-order-actions{width:100%;min-width:0}.provider-order-actions .small-btn{width:100%}.key-actions{justify-content:stretch}.key-actions .small-btn{width:100%}.runtime-history-toolbar,.runtime-summary{flex-direction:column;align-items:stretch}.runtime-history-toolbar select{max-width:none}}