:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#172947;background:#f5f7fb}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.5}.hidden{display:none!important}.layout{display:flex;min-height:100vh}.sidebar{width:250px;flex-shrink:0;background:#112848;color:#eaf3ff;padding:26px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 32px;border-bottom:1px solid #32516f;font-size:14px;letter-spacing:.5px;line-height:1.4}.brand small{color:#91a9c8;display:block;margin-top:6px;font-size:11px}.brandmark{width:52px;height:52px;display:grid;place-items:center;background:#305989;color:#f2d394;border-radius:14px;font-size:27px}.sidebar nav{display:grid;gap:8px;margin-top:27px}.nav{padding:13px 15px;border-radius:10px;text-decoration:none;color:#c0d0e7;font-weight:650}.nav.active,.nav:hover{background:#2b4e7b;color:white}.side-bottom{margin-top:auto;color:#a7bed7;padding:14px 10px}.side-bottom button{display:block;color:#e8f1fb;background:none;border:0;padding:9px 0;cursor:pointer}.dot{display:inline-block;width:8px;height:8px;background:#44d3a0;border-radius:50%}.content{padding:27px 36px;min-width:0;flex:1;max-width:1650px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.toolbar small{font-weight:800;color:#2761b8;letter-spacing:2px;font-size:10px}.toolbar h1{margin:6px 0 0;font-size:27px}.avatar{background:#e7effb;color:#2b60b7;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-weight:800}.welcome{background:linear-gradient(110deg,#102949,#2a609b);color:white;padding:30px 32px;border-radius:19px;display:flex;justify-content:space-between;align-items:center}.welcome small{letter-spacing:1.7px;color:#bad7ff;font-weight:800}.welcome h2{font-size:24px;margin:10px 0 4px}.welcome p{color:#ccddef;margin:0}.scale{font-size:73px;color:#efcc8d}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.metric,.panel{background:white;border:1px solid #e2e9f2;border-radius:17px;padding:21px}.metric span,.metric small{display:block;color:#7789a1}.metric b{display:block;font-size:35px;margin:8px 0}.metric small{font-size:12px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:17px}.panel h3{margin:0 0 16px;font-size:18px}.panel p{color:#6c7b94;line-height:1.7}.status{padding:13px 0;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e6eaf0}.status b{font-size:12px;color:#b27638}.status b.green{color:#268c72}.screen>h2{margin:0 0 4px;font-size:25px}.screen .sub{color:#77879b;margin-bottom:24px}.history{padding:12px 0;border-bottom:1px solid #e3eaf2}.history strong{display:block}.history p{margin:5px 0}.history small{color:#8997aa}label{display:block;font-weight:700;margin:16px 0 7px}input,textarea{width:100%;font:inherit;padding:12px;border-radius:10px;background:#f9fbfe;border:1px solid #dbe4f1;outline:0;color:#162b47}input:focus,textarea:focus{border-color:#356ccc;box-shadow:0 0 0 3px #dceafe}.primary{background:#2864c1;color:white;border:0;border-radius:11px;padding:12px 20px;min-height:47px;margin-top:18px;font-weight:750;cursor:pointer}.primary:hover{background:#194c9b}.feedback{color:#24846e;font-size:13px;margin-top:12px}.feedback.error{color:#b13d3d}.external{color:#2864c1;text-decoration:none}footer{margin:36px 0;color:#92a0b5;font-size:11px}.login-screen{min-height:100vh;background:linear-gradient(145deg,#102746,#25558e);display:grid;place-items:center;padding:22px}.login-card{background:#fff;border-radius:20px;padding:34px;width:min(420px,100%);box-shadow:0 24px 55px #091d3640}.login-card h1{font-size:23px;margin:18px 0 0}.login-card p{color:#8190a2;margin:2px 0 26px}.login-card .brandmark{background:#e7f0ff;color:#2455a3}.login-card .primary{width:100%}#login-error{color:#bd4949;margin-top:12px}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.content{padding:24px}}@media(max-width:750px){.layout{display:block}.sidebar{width:100%;padding:17px}.brand{padding-bottom:12px}.sidebar nav{display:flex;flex-wrap:wrap;margin-top:10px}.side-bottom{display:none}.content{padding:17px}.cols{grid-template-columns:1fr}.metric{padding:16px}.welcome{padding:20px}.welcome h2{font-size:20px}.scale{font-size:44px}}
.panelHead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.panelHead h3{margin:0 0 4px}.panelHead p{margin:0;color:#74869e;font-size:12px}
.pill{color:#2459a7;background:#eaf2ff;border-radius:100px;padding:7px 13px;font-size:11px;font-weight:800;white-space:nowrap}
.mode-tabs{display:flex;gap:8px;margin:20px 0}.mode-tabs button{border:1px solid #dbe5f2;background:#f7f9fe;color:#385475;border-radius:10px;font-weight:750;cursor:pointer;padding:12px 18px}
.mode-tabs button.active{border-color:#2b63be;background:#2863bc;color:white}
.row-spread{display:flex;align-items:center;justify-content:space-between;gap:12px}
.row-spread span{font-size:12px;color:#7185a1}.row-spread label{margin:0 0 8px}
.selector{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid #dbe5f2;border-radius:10px;background:#fbfcff;padding:12px 14px;color:#234775;text-align:left;font:inherit;font-weight:700;cursor:pointer}
.picker-menu{border:1px solid #d8e3ef;background:white;border-radius:13px;margin-top:8px;padding:12px;box-shadow:0 11px 24px #17385b19}
.picker-menu input{margin-bottom:10px}.picker-options{max-height:260px;overflow-y:auto}
.picker-option{margin:0;display:flex;align-items:center;gap:11px;padding:11px 9px;border-radius:9px;cursor:pointer}
.picker-option:hover,.picker-option.selected{background:#edf4ff}.picker-option input{width:17px;height:17px;flex-shrink:0;accent-color:#2862bf;cursor:pointer}
.picker-option span{display:flex;flex-direction:column;min-width:0}.picker-option b{font-size:13px}
.picker-option small{color:#8395ab;font-size:11px;overflow-wrap:anywhere}
.picker-empty{color:#8d9fb5;padding:15px 8px}
.picker-footer{border-top:1px solid #e6edf5;margin-top:7px;padding-top:9px}.picker-footer small{color:#8294ac}
.picker-footer button{border:0;background:#eaf3ff;color:#255ab3;padding:8px 12px;border-radius:8px;cursor:pointer}
.selected-chips{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0}
.selected-chip{display:inline-flex;gap:8px;align-items:center;background:#eaf1ff;border:1px solid #d2e1fa;border-radius:25px;color:#2c5fa9;padding:5px 10px;font-size:12px}
.selected-chip button{border:0;background:transparent;color:#235aa9;cursor:pointer;font-size:15px}
.hint{color:#8696ab;font-size:12px;line-height:1.7}.push-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px}
.outline{border:1px solid #b8cdee;background:#edf4ff;color:#285db2;padding:12px 16px;border-radius:10px;font-weight:750;cursor:pointer}
.outline.danger{border-color:#ffcdca;background:#fff0ef;color:#ae514d}
button:disabled{cursor:not-allowed;opacity:.48}.push-actions .primary{margin:0}
.push-preview-result{border-radius:12px;background:#e9f6f1;border:1px solid #cbe9dc;padding:13px 15px;color:#285c4d;margin-top:16px}
.push-preview-result.warning{background:#fff8ec;color:#946c37;border-color:#f3e1c2}
.history{padding:13px 0;border-bottom:1px solid #e5ebf2}.history .history-top{display:flex;gap:14px;justify-content:space-between;align-items:center}
.history span,.history small{color:#7e90a6}.history b{font-size:13px}
.history p{margin:6px 0 3px;color:#516682;overflow-wrap:anywhere}
.history .result{color:#2d8069}
select{display:block;width:100%;padding:12px;border-radius:10px;background:#fafcff;color:#243752;border:1px solid #dce5ef;font:inherit}

.users-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.users-heading h2{font-size:26px;margin:0}.users-heading .sub{margin:6px 0 0}.users-heading h3{font-size:18px;margin:0}.users-heading p{margin:4px 0;color:#798aa2}.user-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.user-stat{background:#fff;border:1px solid #e2e9f2;border-radius:16px;padding:19px 21px;min-width:0}.user-stat span{display:block;font-size:12px;color:#7587a2}.user-stat strong{display:block;font-size:29px;font-weight:800;margin-top:5px;color:#182c49}.users-panel{padding:0;overflow:hidden}.users-controls{display:grid;grid-template-columns:minmax(200px,1.7fr) repeat(3,minmax(135px,1fr));gap:13px;align-items:end;padding:18px 22px 22px}.users-controls label{font-size:12px;margin:0 0 7px;color:#425b7b;display:block}.users-controls input,.users-controls select{height:45px;min-width:0}.users-controls select{background:#f9fbfe}.users-results-bar{border-top:1px solid #e8eef5;border-bottom:1px solid #e8eef5;padding:12px 22px;color:#7689a2;font-size:12px;display:flex;justify-content:space-between;gap:12px;align-items:center}.users-results-bar span:first-child{font-weight:700;color:#3b5678}.users-table-wrap{width:100%;overflow-x:auto}.users-table{width:100%;border-collapse:collapse;min-width:880px}.users-table th{text-align:left;padding:14px 14px;color:#7688a0;font-size:11px;font-weight:800;white-space:nowrap;background:#f8fafd;border-bottom:1px solid #e8eef5}.users-table td{padding:15px 14px;border-bottom:1px solid #edf1f6;vertical-align:middle;color:#2a3e59;font-size:12px}.users-table tbody tr:last-child td{border-bottom:0}.users-table tbody tr:hover{background:#fafcff}.users-table th:first-child,.users-table td:first-child{padding-left:22px}.users-table th:last-child,.users-table td:last-child{padding-right:22px;text-align:right}.users-person{display:flex;align-items:center;gap:10px;min-width:155px}.users-initial{height:35px;width:35px;display:grid;place-items:center;border-radius:11px;background:#e9f0fd;color:#275bb4;font-weight:800;font-size:15px;flex-shrink:0}.users-identity{display:flex;flex-direction:column;gap:3px;min-width:0}.users-identity strong{font-size:13px;color:#1b3150;overflow-wrap:anywhere}.users-identity small{color:#91a1b4;overflow-wrap:anywhere}.users-status-stack{display:grid;gap:5px;justify-items:start}.users-badge{border-radius:40px;padding:4px 8px;font-weight:700;font-size:10px;white-space:nowrap}.users-badge.ok{color:#288366;background:#e8f7f0}.users-badge.blocked{color:#aa5352;background:#fff0ef}.users-badge.verified{color:#2862b5;background:#eaf2ff}.users-badge.pending{color:#ab7c37;background:#fff6e6}.users-email{font-size:12px;overflow-wrap:anywhere;max-width:210px}.users-device-cell{display:flex;flex-direction:column}.users-device-cell strong{font-size:15px}.users-device-cell small{color:#8c9db2;margin-top:2px}.users-date{white-space:nowrap;color:#657995!important}.users-details-action{padding:8px 11px;font-size:11px;min-width:93px}.users-empty{padding:38px 18px!important;text-align:center!important;color:#8a9ab1!important}.users-pagination{padding:16px 22px;display:flex;align-items:center;justify-content:flex-end;gap:15px;border-top:1px solid #e9eef5}.users-pagination span{font-size:12px;color:#7084a2}.users-pagination .outline{font-size:12px;padding:9px 13px}.users-panel>.feedback{padding:0 22px}.user-details{margin-top:16px}.user-details h3{margin:0}.users-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.users-detail-line{background:#f8faff;padding:13px;border-radius:10px;display:flex;flex-direction:column;gap:5px;min-width:0}.users-detail-line span{color:#8495aa;font-size:11px}.users-detail-line strong{font-size:13px;color:#263c5c;overflow-wrap:anywhere}.users-devices-title{font-size:15px;margin:22px 0 10px}.users-devices{display:grid;gap:7px}.users-device-line{display:flex;gap:14px;align-items:center;padding:10px 12px;border:1px solid #e7edf5;border-radius:10px}.users-device-line small{margin-left:auto;color:#8396ab}
@media(max-width:1120px){.users-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.user-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.users-heading{align-items:flex-start;flex-direction:column}.users-controls{grid-template-columns:1fr}.users-results-bar{align-items:flex-start;flex-direction:column}.users-pagination{justify-content:center}.users-detail-grid{grid-template-columns:1fr}.user-stat{padding:15px}.user-stat strong{font-size:25px}}