@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.staff-auth{background:radial-gradient(circle at top,#17315f,#07142c 60%);place-items:center;display:grid;max-width:none!important;min-height:100vh!important;margin:0!important;padding:40px 20px!important}.staff-auth>section{width:min(100%,440px)}.staff-auth .brand{color:#fff;justify-content:center;margin-bottom:28px}.staff-auth .brand span{background:#ff6b24;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.admin-auth-card{background:#fff;border-radius:20px;padding:34px;box-shadow:0 24px 70px #0006}.shield{color:#ff6427;background:#fff0e8;border-radius:14px;place-items:center;width:50px;height:50px;margin-bottom:22px;display:grid}.staff-form{flex-direction:column;gap:15px;display:flex}.staff-form>p,.staff-panel-title p,.staff-shell main header p{letter-spacing:.12em;color:#ff6427;font-size:10px;font-weight:800}.staff-form h1{margin:0;font-size:30px}.staff-form>span{color:#718096;margin-bottom:8px;line-height:1.5}.staff-form label,.invite-modal label{color:#263650;font-size:13px;font-weight:700}.staff-form input,.invite-modal input,.invite-modal select{width:100%;font:inherit;border:1px solid #d9dfeb;border-radius:9px;margin-top:7px;padding:13px 14px;display:block}.staff-form button,.invite-modal button,.staff-panel-title button{color:#fff;cursor:pointer;background:#ff6427;border:0;border-radius:9px;padding:13px 16px;font-weight:800}.staff-form button:disabled{opacity:.6}.link-btn{color:#e55520;background:0 0;border:0;margin:16px auto 0;font-weight:700;display:block}.staff-auth>section>small{text-align:center;color:#8fa1bf;margin-top:20px;display:block}.admin-error{color:#bb2525;background:#fff0f0;border-radius:8px;padding:10px 12px;font-size:12px;display:block}.staff-shell{background:#f5f7fb;min-height:100vh}.staff-shell>aside{color:#fff;background:#091a38;flex-direction:column;width:250px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.staff-shell aside .brand{color:#fff;margin:0 8px 48px}.staff-shell aside nav button{color:#fff;background:#ffffff13;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;padding:12px 14px;display:flex}.staff-shell aside nav svg{width:18px}.staff-profile{border-top:1px solid #ffffff17;align-items:center;gap:10px;margin-top:auto;padding:14px 8px;display:flex}.staff-profile>span,.staff-avatar{color:#fff;background:#ff6427;border-radius:10px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.staff-profile div{min-width:0}.staff-profile b,.staff-profile small{text-overflow:ellipsis;display:block;overflow:hidden}.staff-profile b{font-size:11px}.staff-profile small{color:#9eb0cd;margin-top:3px;font-size:9px}.staff-shell>main{max-width:1400px;margin-left:250px;padding:44px 5vw}.staff-shell main header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.staff-shell main header h1{margin:5px 0;font-size:32px}.staff-shell main header span{color:#718096}.logout{background:#fff;border:1px solid #dce2eb;border-radius:9px;align-items:center;gap:7px;padding:10px 14px;display:flex}.logout svg{width:17px}.admin-stats{grid-template-columns:repeat(2,minmax(0,250px));gap:16px;margin-bottom:22px;display:grid}.admin-stats article{background:#fff;border:1px solid #e1e5ec;border-radius:13px;align-items:center;gap:14px;padding:20px;display:flex}.admin-stats svg{color:#ff6427}.admin-stats b,.admin-stats span{display:block}.admin-stats b{font-size:24px}.admin-stats span{color:#718096;font-size:11px}.staff-panel{background:#fff;border:1px solid #e1e5ec;border-radius:15px;margin-bottom:20px;overflow:hidden}.staff-panel-title{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.staff-panel-title h2{margin:4px 0;font-size:18px}.staff-panel-title button{align-items:center;gap:7px;padding:10px 13px;display:flex}.staff-panel-title button svg{width:16px}.staff-table article{border-bottom:1px solid #edf0f4;grid-template-columns:42px 1fr 140px 90px;align-items:center;gap:12px;padding:15px 22px;display:grid}.staff-table article:last-child{border:0}.staff-table article div b,.staff-table article div small{display:block}.staff-table article div small{color:#7c879a;margin-top:4px;font-size:10px}.staff-table em{color:#536178;font-size:11px;font-style:normal;font-weight:800}.staff-table i{color:#16865a;font-size:10px;font-style:normal;font-weight:800}.staff-avatar svg{width:17px}.empty{text-align:center;color:#7c879a;padding:30px}.modal-backdrop{z-index:20;background:#07142c99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.invite-modal{background:#fff;border-radius:16px;flex-direction:column;gap:15px;width:min(100%,440px);padding:28px;display:flex}.invite-modal>p{color:#ff6427;letter-spacing:.12em;font-size:10px;font-weight:800}.invite-modal h2{margin:0}.invite-modal>div{justify-content:flex-end;gap:10px;display:flex}.invite-modal .cancel{color:#39475f;background:#fff;border:1px solid #d8deea}@media (width<=760px){.staff-shell>aside{width:auto;height:auto;position:static}.staff-shell aside nav{display:none}.staff-profile{margin-top:20px}.staff-shell>main{margin:0;padding:28px 18px}.staff-shell main header{gap:15px}.staff-shell main header span{display:none}.admin-stats{grid-template-columns:1fr 1fr}.staff-table article{grid-template-columns:42px 1fr}.staff-table article>em,.staff-table article>i{grid-column:2}.staff-auth{padding:24px 16px!important}}:root{color:#0f172a;--navy:#0e1b38;--orange:#ff6b00;--border:#e6e8ec;--muted:#64748b;background:#f7f8fa;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.admin-shell>aside{background:var(--navy);color:#cbd5e1;z-index:5;flex-direction:column;width:244px;padding:24px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;padding:0 8px 32px;display:flex}.brand>span{background:var(--orange);color:#fff;border-radius:10px;place-items:center;width:35px;height:35px;font-size:20px;font-weight:800;display:grid}.brand strong{color:#fff;font-size:20px}.brand em{color:#fb923c;font-style:normal;font-weight:500}.brand button{display:none}.group-label{letter-spacing:.16em;color:#64748b;margin:0 12px 10px;font-size:9px;font-weight:700}aside nav{gap:5px;display:grid}aside nav button,.sidebar-bottom>button{color:#94a3b8;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:11px 12px;font-size:13px;font-weight:600;display:flex}aside nav button svg,.sidebar-bottom>button svg{width:18px}aside nav button.active{color:#fff;background:#ffffff12}aside nav button.active:before{content:"";background:var(--orange);border-radius:0 4px 4px 0;width:3px;height:22px;position:absolute;left:0}aside nav i{color:#fff;background:#ef4444;border-radius:6px;place-items:center;width:18px;height:18px;margin-left:auto;font-size:9px;font-style:normal;display:grid}.sidebar-bottom{margin-top:auto}.environment{background:#ffffff08;border:1px solid #ffffff14;border-radius:11px;align-items:flex-start;gap:10px;margin-bottom:12px;padding:13px;display:flex}.environment>span{background:#34d399;border-radius:50%;width:8px;height:8px;margin-top:3px;box-shadow:0 0 0 4px #34d39922}.environment strong,.environment small{font-size:10px;display:block}.environment small{color:#64748b;margin-top:4px}.admin-shell>main{min-height:100vh;margin-left:244px}header{border-bottom:1px solid var(--border);z-index:3;background:#fff;align-items:center;height:72px;padding:0 30px;display:flex;position:sticky;top:0}.search{align-items:center;width:min(500px,46vw);display:flex;position:relative}.search svg{color:#94a3b8;width:18px;position:absolute;left:12px}.search input{border:1px solid var(--border);border-radius:10px;outline:none;width:100%;height:40px;padding:0 55px 0 40px}.search kbd{border:1px solid var(--border);color:#94a3b8;background:#f8fafc;border-radius:5px;padding:3px 6px;font-size:10px;position:absolute;right:9px}.header-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.bell{color:#475569;background:0 0;border:0;position:relative}.bell svg{width:19px}.bell i{background:var(--orange);border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:2px;right:4px}.avatar{color:#d95900;background:#fff2e8;border-radius:10px;place-items:center;width:35px;height:35px;margin-left:9px;font-size:11px;font-weight:800;display:grid}.profile{display:grid}.profile strong{font-size:11px}.profile small{color:#94a3b8;margin-top:2px;font-size:9px}.header-actions>svg{color:#94a3b8;width:14px}.mobile-menu{display:none}.content{max-width:1600px;margin:auto;padding:30px}.page-title{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.page-title p,.panel-title p{color:#94a3b8;letter-spacing:.14em;margin:0 0 6px;font-size:9px;font-weight:800}.page-title h1{letter-spacing:-.03em;margin:0 0 5px;font-size:26px}.page-title>div>span{color:var(--muted);font-size:12px}.date{border:1px solid var(--border);color:#475569;background:#fff;border-radius:9px;align-items:center;gap:8px;padding:9px 11px;font-size:11px;display:flex}.date svg{width:15px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stats article,.panel{border:1px solid var(--border);background:#fff;border-radius:14px}.stats article{padding:18px}.stats article>div{align-items:center;gap:9px;display:flex}.stats article small{color:var(--muted);font-size:11px;font-weight:600}.stat-icon{border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.stat-icon svg{width:16px}.stat-icon.users{color:#d95900;background:#fff2e8}.stat-icon.volume{color:#16895b;background:#e8f6ef}.stat-icon.payouts{color:#284d90;background:#eaf0fb}.stat-icon.cases{color:#7e22ce;background:#f3e8ff}.stats article>strong{margin:16px 0 8px;font-size:25px;display:block}.stats article p{color:#94a3b8;margin:0;font-size:9px}.stats article b{color:#16895b}.stats article .warn{color:#d97706}.service-grid{grid-template-columns:1.2fr 1fr;gap:14px;margin-top:14px;display:grid}.panel{padding:20px}.panel-title{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.panel-title h2{margin:0;font-size:15px}.healthy{color:#16895b;background:#ecfdf5;border-radius:20px;padding:6px 8px;font-size:9px;font-weight:700}.healthy i{background:#10b981;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.provider{border-top:1px solid #eef2f7;align-items:center;gap:11px;padding:11px 0;display:flex}.provider-logo{border-radius:9px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid}.provider-logo.wb{color:#284d90;background:#eaf0fb}.provider-logo.wq{color:#d95900;background:#fff2e8}.provider-logo.qx{color:#7e22ce;background:#f3e8ff}.provider>div{gap:3px;display:grid}.provider strong{font-size:11px}.provider small{color:#94a3b8;font-size:9px}.provider .mode{color:#64748b;background:#f1f5f9;border-radius:5px;margin-left:auto;padding:4px 7px;font-size:8px;font-weight:800}.provider>svg{color:#10b981;width:15px}.panel-title button{color:var(--orange);background:0 0;border:0;align-items:center;font-size:9px;font-weight:700;display:flex}.panel-title button svg{width:14px}.queue-row{border-top:1px solid #eef2f7;align-items:center;gap:10px;padding:12px 0;display:flex}.queue-icon{border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.queue-icon svg{width:16px}.queue-icon.orange{color:#d95900;background:#fff2e8}.queue-icon.blue{color:#284d90;background:#eaf0fb}.queue-icon.purple{color:#7e22ce;background:#f3e8ff}.queue-row div{gap:3px;display:grid}.queue-row strong{font-size:10px}.queue-row small{color:#94a3b8;font-size:9px}.queue-row>b{color:var(--orange);margin-left:auto;font-size:9px}.activity-panel{margin-top:14px;padding:0}.activity-panel .panel-title{padding:20px 20px 4px}.filter{gap:7px;display:flex}.filter button{border:1px solid var(--border);color:#64748b;background:#fff;border-radius:7px;align-items:center;gap:5px;padding:7px 9px;font-size:9px;display:flex}.filter svg{width:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:780px}th{text-align:left;color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;background:#fafafa;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7;padding:10px 16px;font-size:8px}td{color:#64748b;border-bottom:1px solid #eef2f7;padding:12px 16px;font-size:10px}td b,td strong{color:#1e293b}.customer{color:#334155;align-items:center;gap:8px;font-weight:600;display:flex}.customer span{background:#f1f5f9;border-radius:8px;place-items:center;width:27px;height:27px;font-size:8px;display:grid}.status{border-radius:20px;padding:5px 8px;font-size:8px;font-weight:700}.status.successful{color:#16895b;background:#ecfdf5}.status.pending,.status.confirming{color:#a16207;background:#fefce8}.status.failed{color:#dc2626;background:#fef2f2}td>svg{color:#94a3b8;width:14px}@media (width<=1100px){.stats{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr}}@media (width<=760px){.admin-shell>aside{transition:all .2s;transform:translate(-100%)}.admin-shell>aside.open{transform:none}.brand button{color:#fff;background:0 0;border:0;margin-left:auto;display:block}.brand button svg{width:18px}.backdrop{z-index:4;background:#0f172a88;border:0;position:fixed;inset:0}.admin-shell>main{margin:0}header{padding:0 16px}.mobile-menu{background:0 0;border:0;place-items:center;margin-right:8px;display:grid}.mobile-menu svg{width:20px}.search{flex:1;width:auto}.search kbd,.profile,.header-actions>svg{display:none}.content{padding:20px 14px}.page-title{align-items:flex-start}.date{display:none}.stats{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr}.filter{display:none}}@media (width<=460px){.stats{grid-template-columns:1fr}.page-title h1{font-size:22px}}