@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";*{box-sizing:border-box}html{background:#f3f6fb}body{color:#17243b;min-width:320px;margin:0;font-family:IBM Plex Sans Arabic,system-ui,sans-serif}button,select{font:inherit}button{cursor:pointer}:root{--ink:#17233b;--muted:#71809a;--line:#e4eaf3;--navy:#10233f;--blue:#3968dc;--bg:#f4f7fb;--green:#1aa67a;--red:#d95c68}.shell{background:var(--bg);min-height:100vh;display:flex}.side{background:var(--navy);color:#cfdbef;flex-direction:column;flex-shrink:0;width:260px;padding:30px 16px 22px;display:flex}.brand{direction:ltr;align-items:center;gap:10px;padding:0 10px 35px;display:flex}.brand>b,.login-mark{color:#fff;background:linear-gradient(135deg,#60d7be,#4174e8);border-radius:13px;place-items:center;width:40px;height:40px;font-size:24px;display:grid;box-shadow:0 8px 23px #0005}.brand strong{letter-spacing:1px;font:700 13px ui-monospace,monospace}.brand small{color:#8ca3c7;text-align:right;direction:rtl;margin-top:2px;font-size:10px;display:block}.side nav{gap:6px;display:grid}.side nav button{color:#aabbd8;text-align:right;font:inherit;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:12px;font-size:14px;display:flex}.side nav button:hover,.side nav .active{color:#fff;background:#27425f}.side nav i{text-align:center;width:20px;font-size:19px;font-style:normal}.side footer{border-top:1px solid #2a435e;margin-top:auto;padding:18px 11px 0;font-size:12px;line-height:1.8}.side footer small{color:#8298b8;font-size:10px;display:block}.side footer em{background:#4bd5a6;border-radius:50%;width:8px;height:8px;margin-left:5px;display:inline-block}.content{width:min(1450px,100% - 260px);margin:auto;padding:30px 38px 55px}.top{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.top p,.card header p,.welcome p{color:#7d8ba3;letter-spacing:.4px;margin:0;font-size:11px;font-weight:700}.top h1{margin:6px 0 0;font-size:28px}.profile{align-items:center;gap:10px;display:flex}.profile>b{color:#3758b7;background:#dbe6ff;border-radius:13px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.profile span,.profile small{font-size:12px;display:block}.profile small{color:var(--muted);font-size:10px}.profile button{border:1px solid var(--line);color:#586984;background:#fff;border-radius:8px;margin-right:8px;padding:7px 10px;font-size:11px}.notice{z-index:100;color:#3159bd;background:#e9f0ff;border:1px solid #cfddff;border-radius:11px;justify-content:space-between;align-items:center;gap:18px;min-width:min(420px,100vw - 28px);padding:11px 14px;font-size:13px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #132d5b30}.notice button{color:inherit;background:0 0;border:0;font-size:20px}.welcome{color:#fff;background:radial-gradient(circle at 15% 20%,#4f78e8 0,#0000 27%),linear-gradient(125deg,#142b4d,#1d3760);border-radius:19px;justify-content:space-between;align-items:center;gap:30px;padding:29px 31px;display:flex;box-shadow:0 12px 30px #15356024}.welcome p{color:#9db9ed}.welcome h2{margin:6px 0 7px;font-size:23px}.welcome span{color:#d4e0f7;max-width:620px;font-size:13px;line-height:1.9;display:block}.primary,.welcome button{color:#2654bd;white-space:nowrap;background:#fff;border:0;border-radius:10px;padding:11px 15px;font-weight:800}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0;display:grid}.metric,.card{border:1px solid var(--line);background:#fff;border-radius:16px;box-shadow:0 5px 16px #173e7314}.metric{align-items:center;gap:12px;padding:17px;display:flex}.metric i{color:#3c68d8;background:#eaf0ff;border-radius:12px;place-items:center;width:40px;height:40px;font-size:21px;font-style:normal;display:grid}.metric small,.metric strong{display:block}.metric small{color:var(--muted);font-size:11px}.metric strong{margin-top:1px;font-size:24px}.overview-grid{grid-template-columns:.9fr 1.4fr;gap:16px;display:grid}.card{padding:20px}.card.full{min-height:480px}.card header{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.card h3{margin:4px 0 0;font-size:17px}.card ol{color:#53627a;margin:0;padding-right:21px;font-size:13px;line-height:2.5}.link{color:#3968dc;background:0 0;border:0;font-size:11px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{color:#8290a6;text-align:right;border-bottom:1px solid var(--line);background:#f8faff;padding:10px;font-size:10px}td{vertical-align:middle;border-bottom:1px solid #edf1f6;padding:13px 10px}td b,td small{display:block}td small{color:#8793a8;text-align:right;direction:ltr;margin-top:3px;font-size:10px}code{color:#4f6385;font:11px ui-monospace,monospace}.badge,.state,.mini{border-radius:20px;padding:4px 8px;font-size:10px;display:inline-block}.badge.platform_admin{color:#7154ca;background:#eee9ff}.badge.field_operator{color:#2378a5;background:#e7f5ff}.state.on{color:#138160;background:#e1f7ef}.state.off{color:#7b899d;background:#f0f2f5}.mini{color:#5a6c88;background:#f0f4fb;margin:2px}.actions{white-space:nowrap}.actions button,.group-head button,.group-actions button{color:#3662c7;background:#edf3ff;border:0;border-radius:7px;margin-left:4px;padding:5px 8px;font-size:10px}.actions .danger,.danger{background:#fff0f1;color:#ca5060!important}.group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.group{border:1px solid var(--line);border-radius:14px;padding:16px}.group-head{align-items:center;gap:9px;display:flex}.group-head>i{color:#3e69d8;background:#ecf1ff;border-radius:11px;place-items:center;width:34px;height:34px;font-size:18px;font-style:normal;display:grid}.group-head div{flex:1}.group-head code{font-size:10px;display:block}.group-head h4{margin:3px 0;font-size:14px}.group>p{color:#73819a;min-height:35px;font-size:11px;line-height:1.7}.group-meta{color:#73819a;border-top:1px solid #eef1f6;flex-wrap:wrap;align-items:center;gap:6px;padding-top:10px;font-size:10px;display:flex}.members{flex-wrap:wrap;align-items:center;gap:5px;margin-top:13px;display:flex}.members small{color:#8c98aa;width:100%;font-size:10px}.members span{background:#f4f6fa;border-radius:7px;padding:4px 6px;font-size:10px}.members b{color:#2b8a6d;margin-right:4px;font-weight:600}.members em{color:#98a4b7;font-size:10px}.group-actions{text-align:left;margin-top:15px}.activity>div{border-bottom:1px solid #eef1f6;align-items:start;gap:10px;padding:11px 0;display:flex}.activity>div>i{color:#4c72dc;font-size:20px;font-style:normal;line-height:14px}.activity section{flex:1}.activity b,.activity small{display:block}.activity b{font-size:12px}.activity small{color:#78869d;margin-top:3px;font-size:10px}.activity time{color:#98a4b6;direction:ltr;font-size:10px}.empty{color:#8794a9;text-align:center;padding:36px;font-size:13px}.modal-bg{z-index:20;background:#11213a8a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(100%,660px);max-height:calc(100vh - 35px);padding:22px;overflow:auto;box-shadow:0 28px 70px #06142666}.modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.modal h2{margin:0;font-size:18px}.modal>header button{color:#50617d;background:#f0f3f8;border:0;border-radius:9px;width:31px;height:31px;font-size:21px}.editor{gap:14px;padding-top:16px;display:grid}.form-error{color:#b42334;background:#fff1f2;border:1px solid #f4bec5;border-radius:9px;padding:10px 12px;font-size:12px;line-height:1.6}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{color:#52627b;gap:6px;font-size:11px;font-weight:700;display:grid}.field input,.field select{width:100%;height:39px;font:inherit;color:#1c2c45;background:#fff;border:1px solid #dce4ef;border-radius:8px;padding:8px 10px}.field input:focus,.field select:focus{border-color:#4e72df;outline:2px solid #466fe844}.field small{color:#8c99ad;font-weight:400}.check{color:#4c5d77;align-items:center;gap:7px;font-size:12px;display:flex}.check input{accent-color:#426be0}fieldset{border:1px solid #e0e6ef;border-radius:10px;gap:8px;padding:11px;display:grid}legend{color:#59709c;padding:0 6px;font-size:11px}.member-pick{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex}.member-pick:last-child{border:0;padding-bottom:0}.member-pick .field{width:140px}.editor-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding-top:15px;display:flex}.editor-actions button{color:#52637c;background:#edf1f6;border:0;border-radius:8px;padding:9px 13px;font-size:12px}.editor-actions .primary{color:#fff;background:#3f6be1}.loading{color:#6e7f99;place-items:center;min-height:350px;display:grid}.login{background:radial-gradient(circle at 20% 12%,#344f8a,#0000 35%),linear-gradient(135deg,#0c1a31,#172f55);place-items:center;min-height:100vh;padding:22px;display:grid}.login>section{background:#fff;border-radius:22px;width:min(100%,410px);padding:36px;box-shadow:0 25px 70px #03091570}.login-mark{width:48px;height:48px;margin-bottom:17px}.login p{color:#5572bd;letter-spacing:1px;margin:0;font:700 11px ui-monospace,monospace}.login h1{margin:7px 0;font-size:23px}.login>section>span{color:#70809a;font-size:12px;line-height:1.8}.login form{gap:13px;margin-top:22px;display:grid}.login form label{color:#4e5d76;font-size:12px;font-weight:700}.login form input{border:1px solid #dce3ed;border-radius:9px;width:100%;margin-top:5px;padding:11px}.login form em{color:#c75061;background:#fff1f2;border-radius:7px;padding:8px;font-size:11px;font-style:normal}.login form button{color:#fff;background:#416be0;border:0;border-radius:10px;padding:12px;font-weight:800}.login form button:disabled{opacity:.6}@media (width<=900px){.side{width:72px;padding:20px 10px}.brand{padding:0 6px 25px}.brand span,.side nav button span,.side footer{display:none}.side nav button{justify-content:center}.content{width:calc(100% - 72px);padding:24px}.metrics{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}}@media (width<=620px){.shell{display:block}.side{flex-direction:row;align-items:center;width:100%;height:auto;min-height:0;padding:11px}.brand{margin-left:auto;padding:0}.side nav{display:flex;overflow:auto}.side nav button{padding:8px}.content{width:100%;padding:18px 13px}.top h1{font-size:21px}.profile span{display:none}.metrics,.group-grid,.two{grid-template-columns:1fr}.welcome{padding:23px;display:block}.welcome button{margin-top:16px}.card{padding:15px}.top{align-items:start}.activity time{display:none}}