:root{color-scheme:light;--font-ar:Cairo,system-ui,sans-serif;--font-en:Inter,Cairo,system-ui,sans-serif;--kt-primary:#009ef7;--kt-primary-active:#0095e8;--kt-primary-light:#f1faff;--kt-success:#50cd89;--kt-danger:#f1416c;--kt-warning:#ffc700;--kt-info:#7239ea;--kt-dark:#181c32;--kt-gray-900:#181c32;--kt-gray-800:#3f4254;--kt-gray-700:#5e6278;--kt-gray-600:#7e8299;--kt-gray-500:#a1a5b7;--kt-gray-400:#b5b5c3;--kt-gray-300:#e4e6ef;--kt-gray-200:#eff2f5;--kt-gray-100:#f5f8fa;--kt-page-bg:#f5f8fa;--kt-card-bg:#fff;--sidebarBackground:rgb(230,242,250);--sidebarBackgroundlogo:#fff;--line:#eff2f5;--border:#e4e6ef;--shadow:0 0 20px 0 rgba(76,87,125,.06);--shadow-lg:0 10px 30px rgba(76,87,125,.12);--r:.95rem}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--kt-page-bg);color:var(--kt-gray-800);font:13px/1.6 var(--font-ar);overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer;border:0}input,select{outline:0}a{text-decoration:none;color:inherit}.muted{color:var(--kt-gray-600)!important}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tnum{font-family:var(--font-en);font-variant-numeric:tabular-nums}.success{color:var(--kt-success)!important}.danger{color:var(--kt-danger)!important}.gold{color:#c99700!important}.grow{flex:1}.wide{width:100%;justify-content:center}.linkish{background:transparent;color:var(--kt-primary);font-weight:800}.app-default{min-height:100vh;display:flex;background:var(--kt-page-bg);direction:rtl}.app-sidebar{width:265px;min-width:265px;min-height:100vh;position:fixed;right:0;top:0;bottom:0;z-index:80;background:var(--sidebarBackground)!important;border-left:1px solid rgba(0,0,0,.03);box-shadow:0 0 28px #523f690d;display:flex;flex-direction:column}.app-sidebar-logo{height:74px;display:flex;align-items:center;padding:0 22px;background:var(--sidebarBackgroundlogo)!important;border-bottom:0}.engineer-logo{display:flex;align-items:center;gap:11px;color:var(--kt-dark)}.logo-mark,.sb-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#009ef7,#50cd89);display:flex;align-items:center;justify-content:center;color:#fff;font:900 21px var(--font-en);box-shadow:0 7px 14px #009ef740}.engineer-logo b{display:block;font:900 17px var(--font-en);letter-spacing:.2px}.engineer-logo em{display:block;font:700 11px var(--font-en);font-style:normal;color:var(--kt-gray-500);margin-top:-2px}.sidebar-content-wrapper{padding:12px 10px;overflow:hidden;display:flex;flex-direction:column;gap:10px;flex:1}.sidebar-search{height:42px;background:#fff;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;gap:8px;padding:0 11px;box-shadow:0 1px #00000005}.sidebar-search i{font-style:normal;color:var(--kt-gray-500)}.sidebar-search input{border:0;background:transparent;width:100%;color:var(--kt-gray-700);font-weight:700}.app-sidebar-menu{overflow-y:auto;padding:4px 0 12px}.app-sidebar-menu::-webkit-scrollbar{width:6px}.app-sidebar-menu::-webkit-scrollbar-thumb{background:#d7e6ef;border-radius:99px}.menu-section{padding:16px 11px 6px;color:var(--kt-gray-500);font:900 10px var(--font-en);text-transform:uppercase;letter-spacing:.08em}.menu-item{margin:2px 0}.menu-link{min-height:43px;display:flex;align-items:center;gap:10px;border-radius:9px;padding:0 11px;color:var(--kt-gray-700);font-weight:800;transition:.16s;background:transparent}.menu-icon{width:26px;display:inline-flex;align-items:center;justify-content:center;color:var(--kt-gray-500)}.menu-icon i{font-style:normal;font-size:16px}.menu-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-link:hover{background:#ffffffb8;color:var(--kt-primary)}.menu-link.active{background:#fff!important;color:var(--kt-dark)!important;box-shadow:0 4px 12px #4c577d1a}.menu-link.active .menu-icon{color:var(--kt-primary)}.pending_orders_count{min-width:24px;height:24px;border-radius:999px;background:var(--kt-primary-light);color:var(--kt-primary);display:flex;align-items:center;justify-content:center;font:900 11px var(--font-en)}.app-wrapper{padding-right:265px;min-width:0;width:100%;display:flex;flex-direction:column}.app-header{height:74px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;box-shadow:0 10px 30px #4c577d08}.app-container{max-width:100%;padding:0 30px}.app-header .app-container{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.d-flex{display:flex}.align-items-center{align-items:center}.align-items-stretch{align-items:stretch}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.flex-column{flex-direction:column}.gap-3{gap:12px}.page-title h1{margin:0;color:var(--kt-dark);font:900 20px var(--font-ar)}.page-title span{color:var(--kt-gray-500);font:800 12px var(--font-ar)}.header-actions{display:flex;align-items:center;gap:10px}.header-search{width:270px;height:42px;border-radius:10px;background:var(--kt-gray-100);display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--kt-gray-500)}.header-search input{width:100%;border:0;background:transparent;color:var(--kt-gray-700);font-weight:700}.symbol span{width:38px;height:38px;border-radius:10px;background:var(--kt-primary-light);color:var(--kt-primary);display:flex;align-items:center;justify-content:center;font:900 15px var(--font-en)}.app-main{min-width:0}.app-toolbar{padding-top:22px}.app-toolbar .app-container{display:flex;align-items:center;justify-content:space-between}.breadcrumbs{display:flex;align-items:center;gap:8px;color:var(--kt-gray-500);font:800 12px var(--font-ar)}.breadcrumbs a,.breadcrumbs b{color:var(--kt-primary)}.toolbar-actions{display:flex;gap:8px}.app-content{padding:18px 0 40px}.container-xxl{max-width:1500px;margin:0 auto;width:100%}.btn,.primary{min-height:38px;padding:9px 15px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--kt-gray-100);color:var(--kt-gray-700);font:900 12px var(--font-ar);transition:.16s;border:1px solid transparent}.btn:hover,.primary:hover{transform:translateY(-1px);box-shadow:0 5px 14px #4c577d1a}.btn-sm{min-height:32px;padding:6px 11px}.btn-icon{width:38px;padding:0}.btn-primary,.primary{background:var(--kt-primary);color:#fff}.btn-primary:hover,.primary:hover{background:var(--kt-primary-active)}.btn-secondary,.btn-light,.btn-ghost{background:#fff;color:var(--kt-gray-700);border-color:var(--border)}.btn-light-primary{background:var(--kt-primary-light);color:var(--kt-primary)}.btn-light-danger,.btn-danger{background:#fff5f8;color:var(--kt-danger)}.btn-danger{border-color:#ffd6e2}.btn-gold{background:#fff8dd;color:#b28700}.badge,.bdg{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;font:900 11px var(--font-ar);border:1px solid transparent}.badge-light-success,.bdg-success{background:#e8fff3;color:#47be7d}.bdg-violet,.bdg-info{background:#f8f5ff;color:#7239ea}.bdg-vip,.bdg-warn{background:#fff8dd;color:#b28700}.bdg-neutral{background:var(--kt-gray-100);color:var(--kt-gray-600);border-color:var(--border)}.bdg-danger{background:#fff5f8;color:var(--kt-danger)}.bdg-pink{background:#fff5f8;color:#d92171}.drawer-overlay,.drawer-mask{position:fixed;inset:0;background:#181c3247;z-index:75;backdrop-filter:blur(2px)}.page{display:flex;flex-direction:column;gap:18px}.crumbs{display:flex;align-items:center;gap:8px;color:var(--kt-gray-500);font:800 12px var(--font-ar)}.crumbs .cur{color:var(--kt-primary)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:2px}.page-head h1{margin:0;color:var(--kt-dark);font:900 24px var(--font-ar)}.page-desc{color:var(--kt-gray-600);font:700 13px var(--font-ar);margin-top:3px}.page-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.hero,.card,.tbl-wrap,.stat,.alert,.rm-card,.game-card{background:var(--kt-card-bg);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.hero{padding:22px}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.hero h2{margin:0;color:var(--kt-dark);font:900 23px var(--font-en)}.greet{color:var(--kt-gray-600);font-weight:700}.hero-actions{display:flex;gap:8px}.hero-stats,.kpi-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stat{position:relative;padding:18px;overflow:hidden}.stat .lbl{color:var(--kt-gray-500);font:900 12px var(--font-ar)}.stat .v{margin-top:4px;color:var(--kt-dark);font:900 28px var(--font-en)}.stat .delta{font:900 12px var(--font-ar);margin-top:4px}.delta.up{color:var(--kt-success)}.delta.dn{color:var(--kt-danger)}.stat .accent{position:absolute;inset-inline-end:0;top:0;width:4px;height:100%;background:var(--kt-primary)}.section-head h2,.card-head h3{margin:0;color:var(--kt-dark);font:900 17px var(--font-ar)}.alert-grid,.dash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.alert{display:flex;align-items:center;gap:12px;padding:15px}.alert>span{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:900}.alert.warn>span{background:#fff8dd;color:#b28700}.alert.danger>span{background:#fff5f8;color:var(--kt-danger)}.alert b{color:var(--kt-dark)}.card-head,.tbl-tools,.tbl-foot,.filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.card-body{padding:16px}.chart{height:210px;display:flex;align-items:end}.bars{display:flex;align-items:end;gap:10px;width:100%;height:100%;padding:16px}.bar{flex:1;border-radius:7px 7px 0 0;background:linear-gradient(180deg,#009ef7,#50cd89)}.health-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed var(--line)}.health-row:last-child{border-bottom:0}.ok{color:var(--kt-success)}.warn{color:#b28700}.quick-actions-mobile{display:none}.qa-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:14px}.split-grid{display:grid;grid-template-columns:minmax(330px,.85fr) minmax(460px,1.5fr);gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid .full{grid-column:1/-1}.filter-row{background:#fff;border-radius:var(--r);border:1px solid var(--line);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:flex-start}.tbl-wrap>.filter-row{border:0;box-shadow:none;border-radius:var(--r) var(--r) 0 0}.fld{display:flex;flex-direction:column;gap:6px}.fld label{color:var(--kt-gray-600);font:900 12px var(--font-ar)}.fld input,.fld select,.quick input,.engineer-mini-form input,.engineer-mini-form select,.login-card input{height:40px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--kt-gray-800);padding:0 11px;min-width:120px}.fld input:focus,.fld select:focus,.quick input:focus,.engineer-mini-form input:focus,.engineer-mini-form select:focus,.login-card input:focus{border-color:var(--kt-primary);box-shadow:0 0 0 3px #009ef71a}.quick{height:40px;border-radius:8px;background:var(--kt-gray-100);display:flex;align-items:center;gap:8px;padding:0 11px;color:var(--kt-gray-500)}.quick input{border:0;background:transparent;height:auto;padding:0;min-width:250px}.bulk-bar{display:flex;align-items:center;gap:10px;padding:11px 16px;background:var(--kt-primary-light);color:var(--kt-primary);font-weight:900}.table-wrap{overflow-x:auto}.tbl{width:100%;border-collapse:separate;border-spacing:0}.tbl th{padding:13px 16px;text-align:start;background:#fff;color:var(--kt-gray-500);font:900 11px var(--font-en);text-transform:uppercase;border-bottom:1px solid var(--line);white-space:nowrap}.tbl td{padding:14px 16px;border-bottom:1px solid var(--line);color:var(--kt-gray-700);vertical-align:middle}.tbl tbody tr:hover{background:#fafcff}.tbl tbody tr:last-child td{border-bottom:0}.id-chip{display:inline-flex;align-items:center;border-radius:7px;background:var(--kt-gray-100);color:var(--kt-gray-700);font:800 12px var(--font-en);padding:4px 7px}.subline,.sub{display:block;color:var(--kt-gray-500);font:700 11px var(--font-ar);margin-top:2px}.user-cell{display:flex;align-items:center;gap:9px}.ava{width:34px;height:34px;border-radius:10px;background:var(--kt-primary-light);color:var(--kt-primary);display:inline-flex;align-items:center;justify-content:center;font:900 13px var(--font-en)}.ava.lg{width:54px;height:54px;color:#fff;font-size:20px}.nm{display:block;color:var(--kt-dark);font-weight:900}.tog{width:38px;height:22px;border-radius:999px;background:var(--kt-gray-300);display:inline-flex;align-items:center;padding:3px;vertical-align:middle}.tog:before{content:"";width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #00000029;transition:.15s}.tog.on{background:var(--kt-success)}.tog.on:before{transform:translate(-16px)}.row-act{display:flex;gap:6px;align-items:center}.density{margin-inline-start:auto}.secret{display:flex;align-items:center;gap:8px}.secret button{background:var(--kt-primary-light);color:var(--kt-primary);border-radius:7px;padding:4px 7px;font-weight:800}.strong-value{font-weight:900;color:var(--kt-dark)}.action-panel.engineer-manual{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}.engineer-manual-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border-bottom:1px solid var(--line)}.engineer-manual-head b{display:block;color:var(--kt-dark);font:900 16px var(--font-ar)}.engineer-manual-head span{display:block;color:var(--kt-gray-500);font:800 12px var(--font-ar)}.engineer-manual-head em{min-width:32px;height:32px;border-radius:999px;background:var(--kt-primary-light);color:var(--kt-primary);display:flex;align-items:center;justify-content:center;font:900 12px var(--font-en);font-style:normal}.engineer-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px}.engineer-action-tile{min-height:105px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--kt-gray-700);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;transition:.15s}.engineer-action-tile:hover{border-color:var(--kt-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.engineer-action-tile.danger{background:#fff5f8;border-color:#ffd6e2}.tile-ico{width:38px;height:38px;border-radius:10px;background:var(--kt-primary-light);color:var(--kt-primary);display:inline-flex;align-items:center;justify-content:center;font:900 18px var(--font-en)}.engineer-action-tile.danger .tile-ico{background:#fff5f8;color:var(--kt-danger)}.engineer-action-tile b{color:var(--kt-dark);font:900 13px var(--font-ar)}.engineer-action-tile small{direction:ltr;color:var(--kt-gray-500);font:800 10px var(--font-en)}.engineer-back{margin:14px 16px 0;background:transparent;color:var(--kt-primary);font:900 13px var(--font-ar)}.engineer-tool-card{padding:16px;display:flex;flex-direction:column;gap:13px}.engineer-tool-title{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:13px;background:var(--kt-gray-100)}.engineer-tool-title h3{margin:0;color:var(--kt-dark);font:900 16px var(--font-ar)}.engineer-tool-title p{margin:2px 0 0;direction:ltr;text-align:right;color:var(--kt-gray-500);font:800 11px var(--font-en)}.engineer-mini-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.engineer-result,.result{background:#181c32;color:#e4e6ef;border-radius:10px;padding:13px;overflow:auto;max-height:280px;direction:ltr;text-align:left;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.result.ok{background:#123524;color:#d5ffe8}.empty-state{padding:18px;text-align:center;color:var(--kt-gray-500);font-weight:800}.empty-state.compact{border:1px dashed var(--border);border-radius:10px;background:var(--kt-gray-100);padding:13px}.game-grid,.room-grid,.role-grid,.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.game-card,.rm-card,.role-card{overflow:hidden}.game-cover,.rm-cover{height:145px;background:linear-gradient(135deg,#009ef7,#50cd89);padding:14px;display:flex;align-items:flex-start;justify-content:space-between;color:#fff}.game-cover>span{font:900 20px var(--font-en)}.badges{display:flex;gap:6px;flex-wrap:wrap}.toggle-fly{position:absolute}.game-meta,.rm-meta{padding:14px;display:flex;align-items:center;gap:11px}.game-meta b,.rm-meta b,.role-head b{display:block;color:var(--kt-dark);font:900 15px var(--font-ar)}.game-meta span,.rm-meta span,.role-head em{color:var(--kt-gray-500);font:700 12px var(--font-ar);font-style:normal}.rm-toggles{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:0 14px 14px;color:var(--kt-gray-600);font-weight:800}.role-head{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--line)}.role-head>span{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:900}.perm-chips{display:flex;gap:7px;flex-wrap:wrap;padding:14px}.form-section{padding:16px;border-bottom:1px solid var(--line)}.form-section:last-child{border-bottom:0}.form-section h3{margin:0 0 4px;color:var(--kt-dark);font:900 16px var(--font-ar)}.hint{color:var(--kt-gray-500);font-weight:700;margin-bottom:12px}.edit-card{overflow:hidden}.drawer{position:fixed;left:0;top:0;bottom:0;width:430px;background:#fff;z-index:90;box-shadow:-15px 0 40px #4c577d2e;display:flex;flex-direction:column}.drawer-head,.drawer-foot{padding:16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.drawer-foot{border-top:1px solid var(--line);border-bottom:0;margin-top:auto}.drawer-title{flex:1}.drawer-title b{display:block;color:var(--kt-dark);font:900 18px var(--font-ar)}.drawer-body{padding:16px;overflow:auto}.tabs{display:flex;gap:8px;overflow:auto;margin-bottom:14px}.tab{padding:8px 11px;border-radius:999px;background:var(--kt-gray-100);color:var(--kt-gray-600);font-weight:900}.tab.active{background:var(--kt-primary-light);color:var(--kt-primary)}.tile{border:1px solid var(--line);border-radius:10px;padding:13px;background:#fff}.tile span{display:block;color:var(--kt-gray-500);font-weight:800}.tile b{color:var(--kt-dark);font:900 18px var(--font-en)}.mini-title{color:var(--kt-dark);font:900 15px var(--font-ar);margin:18px 0 8px}.perm-row,.log-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line)}.perm-row span:first-child{flex:1}.mini-ledger>div{display:grid;grid-template-columns:90px 1fr 45px;gap:8px;padding:9px 0;border-bottom:1px dashed var(--line)}.audit-card .card-body{padding:6px 16px}.log-row .sev{width:9px;height:9px;border-radius:50%;background:var(--kt-info)}.log-row .sev.warn{background:var(--kt-warning)}.log-row .sev.danger{background:var(--kt-danger)}.log-row p{margin:3px 0 0;color:var(--kt-gray-500)}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,480px) 1fr;background:var(--kt-page-bg);direction:rtl}.login-card{margin:auto;width:min(420px,calc(100vw - 32px));background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);padding:28px;display:flex;flex-direction:column;gap:14px}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:5px}.sb-brand-text .sb-name{color:var(--kt-dark);font:900 18px var(--font-en)}.sb-brand-text .sb-name-ar{color:var(--kt-gray-500);font:800 12px var(--font-ar)}.brand{align-self:flex-start;background:var(--kt-primary-light);color:var(--kt-primary);border-radius:999px;padding:6px 10px;font:900 11px var(--font-en)}.login-card h1{margin:0;color:var(--kt-dark);font:900 27px var(--font-ar)}.login-card p,.login-card small{margin:0;color:var(--kt-gray-600);font-weight:700}.login-card label{display:flex;flex-direction:column;gap:6px;color:var(--kt-gray-700);font-weight:900}.login-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.remember{flex-direction:row!important;align-items:center}.remember input{height:auto;min-width:auto}.login-row a{color:var(--kt-primary);font-weight:900}.notice{padding:10px 12px;border-radius:10px;background:var(--kt-primary-light);color:var(--kt-primary);font-weight:900}.login-visual{position:relative;overflow:hidden;background:linear-gradient(135deg,#00137e,#009ef7);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;padding:40px}.login-visual h2{font:900 36px var(--font-en);z-index:1}.wave{height:180px;display:flex;align-items:end;gap:6px;z-index:1}.wave span{width:8px;border-radius:8px;background:#ffffffb8;animation:pulse 1.4s ease-in-out infinite alternate}.pulse-grid{z-index:1;display:grid;grid-template-columns:120px 100px;gap:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:18px;backdrop-filter:blur(10px)}.pulse-grid strong{font:900 20px var(--font-en)}.orb{position:absolute;border-radius:50%;filter:blur(8px);opacity:.35}.orb-a{width:270px;height:270px;background:#50cd89;top:10%;right:12%}.orb-b{width:220px;height:220px;background:#ffc700;bottom:12%;left:12%}@keyframes pulse{0%{opacity:.45;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1.05)}}@media (max-width:1200px){.engineer-action-grid{grid-template-columns:repeat(3,1fr)}.game-grid,.room-grid,.role-grid{grid-template-columns:repeat(2,1fr)}.header-search{display:none}.split-grid,.dash-grid{grid-template-columns:1fr}}@media (max-width:900px){html,body,.app-default{overflow-x:hidden}.app-sidebar{right:calc(-1*min(86vw,310px) - 24px);transform:none;transition:right .2s;width:min(86vw,310px);min-width:min(86vw,310px)}.app-sidebar.mobile-open{right:0;transform:none}.app-wrapper{padding-right:0}.app-container{padding:0 14px}.app-header .app-container{height:auto;min-height:68px}.header-actions .badge,.header-actions .btn-light-primary:not(.view-mode-toggle),.symbol{display:none}.app-toolbar{display:none}.app-content{padding-top:14px;padding-bottom:88px}.page-head,.hero-top{flex-direction:column;align-items:stretch}.hero-stats,.kpi-grid-3,.alert-grid,.game-grid,.room-grid,.role-grid,.tile-grid,.engineer-action-grid{grid-template-columns:1fr}.engineer-action-tile{min-height:82px;flex-direction:row;justify-content:flex-start;text-align:start;padding:12px}.engineer-mini-form,.form-grid{grid-template-columns:1fr}.quick-actions-mobile{display:block}.filter-row{display:grid;grid-template-columns:1fr 1fr;overflow:visible;align-items:end}.filter-row .fld{min-width:0}.filter-row .fld.grow,.filter-row .quick,.filter-row .tbl-tools{grid-column:1/-1}.filter-row .btn{width:100%}.tbl-tools{flex-wrap:wrap}.quick{width:100%}.quick input{min-width:0;width:100%}.table-wrap{overflow:visible}.tbl thead{display:none}.tbl,.tbl tbody,.tbl tr,.tbl td{display:block;width:100%}.tbl tr{padding:12px 14px;border-bottom:1px solid var(--line)}.tbl td{display:flex;justify-content:space-between;gap:12px;padding:7px 0!important;border-bottom:0;text-align:end}.tbl td:before{content:attr(data-label);color:var(--kt-gray-500);font:900 11px var(--font-ar);text-align:start}.drawer{width:100%;right:0}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-card{margin:28px auto}.app-header{height:auto}.page-title h1{font-size:17px}.page-title span{display:none}.header-actions{gap:6px}.header-actions .btn-light-danger{padding:8px 10px}.tog.on:before{transform:translate(-16px)}}.mobile-bottom-nav{display:none}.mobile-web-mode .app-sidebar:not(.mobile-open){display:none}.mobile-web-mode .app-content{padding-bottom:94px}.mobile-web-mode .mobile-bottom-nav{position:fixed;left:12px;right:12px;bottom:12px;z-index:70;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:7px;background:#fffffff5;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 35px #4c577d2e;backdrop-filter:blur(10px)}.mb-item{min-height:50px;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--kt-gray-600);font:900 10px var(--font-ar)}.mb-item span{font:900 15px var(--font-en)}.mb-item.active{background:var(--kt-primary-light);color:var(--kt-primary)}@media (min-width:901px){.mobile-web-mode .app-sidebar{display:none}.mobile-web-mode .app-wrapper{padding-right:0}.mobile-web-mode .app-container{max-width:430px;margin:0 auto;padding:0 14px}.mobile-web-mode .app-header{left:0;right:0}.mobile-web-mode .app-toolbar{display:none}.mobile-web-mode .app-content{padding-top:14px}.mobile-web-mode .page-head,.mobile-web-mode .hero-top{flex-direction:column;align-items:stretch}.mobile-web-mode .hero-stats,.mobile-web-mode .kpi-grid-3,.mobile-web-mode .alert-grid,.mobile-web-mode .game-grid,.mobile-web-mode .room-grid,.mobile-web-mode .role-grid,.mobile-web-mode .tile-grid,.mobile-web-mode .engineer-action-grid{grid-template-columns:1fr}.mobile-web-mode .filter-row{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.mobile-web-mode .filter-row .fld{min-width:0}.mobile-web-mode .filter-row .fld.grow,.mobile-web-mode .filter-row .quick,.mobile-web-mode .filter-row .tbl-tools{grid-column:1/-1}.mobile-web-mode .table-wrap{overflow:visible}.mobile-web-mode .tbl thead{display:none}.mobile-web-mode .tbl,.mobile-web-mode .tbl tbody,.mobile-web-mode .tbl tr,.mobile-web-mode .tbl td{display:block;width:100%}.mobile-web-mode .tbl tr{padding:12px 14px;border-bottom:1px solid var(--line)}.mobile-web-mode .tbl td{display:flex;justify-content:space-between;gap:12px;padding:7px 0!important;border-bottom:0;text-align:end}.mobile-web-mode .tbl td:before{content:attr(data-label);color:var(--kt-gray-500);font:900 11px var(--font-ar);text-align:start}}@media (max-width:900px){.mobile-bottom-nav{display:grid;grid-template-columns:repeat(6,1fr);position:fixed;left:12px;right:12px;bottom:12px;z-index:70;gap:6px;padding:7px;background:#fffffff5;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 35px #4c577d2e;backdrop-filter:blur(10px)}}