:root{--green:#0d5d3d;--green2:#073f2a;--gold:#c89a37;--red:#b51f35;--ink:#1d2522;--muted:#69736f;--line:#dfe6e2;--bg:#f3f6f4;--white:#fff;--shadow:0 12px 35px rgba(18,45,33,.10)}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink);-webkit-touch-callout:none;user-select:none}input,select,textarea{user-select:text}button,input,select,textarea{font:inherit}.hidden{display:none!important}
.login-view{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.98) 0,rgba(247,250,248,.96) 42%,rgba(231,241,235,.98) 100%)}
.login-view:before{content:"";position:absolute;left:50%;top:11%;transform:translateX(-50%);width:min(72vw,560px);aspect-ratio:1;background:url('assets/unit-logo.jpg?v=009') center/contain no-repeat;opacity:.16;filter:saturate(.82) contrast(.96);pointer-events:none}
.login-view:after{content:"";position:absolute;inset:-8%;background:radial-gradient(ellipse at 12% 96%,rgba(13,93,61,.16),transparent 33%),radial-gradient(ellipse at 92% 3%,rgba(181,31,53,.09),transparent 27%),linear-gradient(155deg,transparent 0 68%,rgba(200,154,55,.08) 68.2% 69%,transparent 69.2%);pointer-events:none}
.login-card{position:relative;z-index:2;width:min(390px,100%);background:rgba(255,255,255,.965);border-radius:20px;padding:25px 24px;box-shadow:0 18px 55px rgba(13,70,48,.16);text-align:center;border-top:4px solid var(--green);backdrop-filter:blur(3px)}
.login-logo{width:76px;height:76px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 6px 18px #0002}.login-card h1{margin:12px 0 4px;font-size:22px}.login-card p{margin:0 0 18px;color:var(--muted);font-size:12px}
label{display:block;text-align:right;margin:11px 0;font-weight:700;color:#39423e;font-size:13px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 11px;background:#fff;outline:none;margin-top:6px}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #0d5d3d14}.primary,.btn{border:0;border-radius:9px;padding:9px 14px;cursor:pointer;background:var(--green);color:#fff;font-weight:700}.primary{width:100%;margin-top:9px}.btn.secondary{background:#eef3f0;color:var(--green)}.btn.warn{background:var(--gold);color:#2f2410}.danger{background:var(--red)!important;color:#fff!important}.ghost{border:1px solid #ffffff40;background:transparent!important}.msg{min-height:20px;margin-top:9px;color:var(--red);font-size:12px}
.app{min-height:100vh;display:flex}.sidebar{width:260px;background:linear-gradient(180deg,var(--green2),#063824);color:#fff;display:flex;flex-direction:column;position:fixed;right:0;top:0;bottom:0;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:18px;border-bottom:1px solid #ffffff1d}.brand img{width:52px;height:52px;border-radius:50%;object-fit:cover}.brand strong{display:block;font-size:15px}.brand span{font-size:11px;opacity:.78}.sidebar nav{padding:12px;overflow:auto}.nav-btn{width:100%;text-align:right;background:transparent;color:#fff;border:0;border-radius:9px;padding:10px 12px;margin:2px 0;cursor:pointer;display:flex;align-items:center;gap:9px}.nav-btn:hover,.nav-btn.active{background:#ffffff16}.nav-icon{width:22px;text-align:center}.sidebar-foot{margin-top:auto;padding:15px}.sidebar-foot button{width:100%;padding:9px;border-radius:9px}.main{margin-right:260px;min-width:0;flex:1}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 22px;position:sticky;top:0;z-index:10}.topbar h2{margin:0;font-size:20px}.topbar small{color:var(--muted)}.icon-btn{display:none;background:none;border:0;font-size:24px}.userbox{margin-right:auto;text-align:left;font-size:12px;color:var(--muted)}.userbox strong{display:block;color:var(--ink);margin-top:2px}.content{padding:22px;max-width:1600px;margin:auto}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 5px 20px #163c2d0b}.stat span{font-size:12px;color:var(--muted)}.stat strong{display:block;font-size:24px;margin-top:7px;color:var(--green)}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;margin-top:16px;box-shadow:0 5px 20px #163c2d0b}.panel-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.panel-head h3{margin:0;font-size:16px}.panel-head .actions{margin-right:auto;display:flex;gap:8px;flex-wrap:wrap}.panel-body{padding:14px 16px;overflow:auto}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:10px;border-bottom:1px solid #edf1ef;text-align:right;vertical-align:middle}.table th{background:#f7faf8;font-size:12px;color:#57615d;position:sticky;top:0}.table td{font-size:13px}.row-actions{display:flex;gap:5px;flex-wrap:wrap}.row-actions button,.mini-btn{padding:6px 8px;border:0;border-radius:7px;cursor:pointer}.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#edf5f0;color:var(--green);font-size:11px}.empty{text-align:center;padding:30px;color:var(--muted)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid .full{grid-column:1/-1}.form-actions{display:flex;gap:8px;margin-top:16px}.modal{position:fixed;inset:0;background:#0007;display:grid;place-items:center;padding:16px;z-index:100}.modal-card{width:min(820px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:var(--shadow)}.modal-head{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0}.modal-head button{margin-right:auto;border:0;background:none;font-size:28px;cursor:pointer}.modal #modalBody{padding:16px}
.module-note{padding:11px 13px;border-radius:10px;background:#f8f4e9;border:1px solid #eadab4;color:#645126;margin-bottom:12px}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.mini-list{display:grid;gap:8px}.mini-item{display:flex;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fafcfa}.signature-admin{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.signature-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fafcfa}.signature-card h4{margin:0 0 8px}.signature-preview{height:55px;display:flex;align-items:center;justify-content:center;border:1px dashed #ccd6d1;border-radius:8px;margin-top:8px;background:#fff}.signature-preview img{max-width:120px;max-height:48px;object-fit:contain}.subtle{color:var(--muted);font-size:11px}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.signature-admin{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.sidebar{transform:translateX(100%);transition:.2s}.sidebar.open{transform:none}.main{margin-right:0}.icon-btn{display:block}.topbar{padding:0 12px}.content{padding:12px}.cards{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.signature-admin{grid-template-columns:1fr}.userbox #clock{display:none}}@media(max-width:480px){.cards{grid-template-columns:1fr}.login-card{padding:21px 17px}.login-view:before{width:88vw;top:7%;opacity:.15}.login-logo{width:70px;height:70px}}
@media print{.sidebar,.topbar,.toolbar,.panel-head .actions,.row-actions{display:none!important}.main{margin:0}.content{padding:0}.panel{border:0;box-shadow:none}}

/* V.0.5 modules */
.module-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.module-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px;text-align:right;cursor:pointer;box-shadow:0 5px 20px #163c2d0b;color:var(--ink);display:grid;gap:6px;transition:.18s}.module-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #163c2d18;border-color:#bfd1c8}.module-card-icon{font-size:26px;color:var(--green)}.module-card strong{font-size:17px}.module-card small{font-size:11px;color:var(--muted);line-height:1.7}.status-badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.ok-badge{background:#eaf6ef;color:#0d6a43}.warn-badge{background:#fff4d8;color:#8a6410}.danger-badge{background:#fde9ed;color:#a11d33}.rank-symbol{font-size:18px;letter-spacing:2px;color:var(--green);font-weight:700}.settings-stack{display:grid;gap:10px}.settings-fold{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 20px #163c2d0b;overflow:hidden}.settings-fold summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:700;display:flex;align-items:center;gap:10px;background:#fff}.settings-fold summary::-webkit-details-marker{display:none}.settings-fold summary:before{content:'◀';font-size:11px;color:var(--green);transition:.15s}.settings-fold[open] summary:before{transform:rotate(-90deg)}.settings-fold summary span:first-of-type{font-size:15px}.fold-actions{margin-right:auto}.settings-fold-body{border-top:1px solid var(--line);padding:14px 16px;overflow:auto}.mini-summary-btn{padding:6px 10px;font-size:11px}.compact-table{min-width:520px}.table-input{max-width:120px;margin:0;padding:7px 8px}.request-box{max-width:100%}
@media(max-width:900px){.module-cards{grid-template-columns:1fr 1fr}}@media(max-width:540px){.module-cards{grid-template-columns:1fr}.settings-fold summary{padding:12px}.settings-fold-body{padding:10px}}


/* V.0.6 interaction, mobile viewport, system notices and admin screens */
html,body{height:var(--app-height,100dvh);min-height:0;overflow:hidden;overscroll-behavior:none}body{position:relative}.login-view,.app{height:var(--app-height,100dvh);min-height:0}.app{overflow:hidden}.main{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.topbar{flex:0 0 72px}.content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sidebar{height:var(--app-height,100dvh);bottom:auto}.modal,.system-confirm-overlay{height:var(--app-height,100dvh)}img{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}button,a,.nav-btn,.module-card{-webkit-touch-callout:none;touch-action:manipulation}
.notice-host{position:fixed;top:max(16px,env(safe-area-inset-top));left:16px;z-index:500;display:grid;gap:10px;width:min(390px,calc(100vw - 32px));direction:rtl}.system-notice{display:grid;grid-template-columns:42px 1fr 28px;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-right:4px solid var(--green);border-radius:14px;padding:11px 12px;box-shadow:0 18px 45px #0002;animation:noticeIn .18s ease}.system-notice.error{border-right-color:var(--red)}.system-notice.warning{border-right-color:var(--gold)}.system-notice.success{border-right-color:#168657}.notice-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf5f0;color:var(--green);font-weight:900}.system-notice.error .notice-icon{background:#fde9ed;color:var(--red)}.system-notice.warning .notice-icon{background:#fff4d8;color:#8a6410}.system-notice.success .notice-icon{background:#eaf6ef;color:#168657}.notice-copy{display:grid;gap:3px}.notice-copy strong{font-size:13px}.notice-copy span{font-size:12px;color:#59635f;line-height:1.6}.system-notice>button{border:0;background:transparent;font-size:22px;color:#7d8782;cursor:pointer}.system-notice.leaving{opacity:0;transform:translateY(-6px);transition:.18s}@keyframes noticeIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.system-confirm-overlay{position:fixed;inset:0;background:#061b12a8;z-index:600;display:grid;place-items:center;padding:18px;backdrop-filter:blur(4px)}.system-confirm-card{width:min(430px,96vw);background:#fff;border-radius:18px;padding:18px;box-shadow:0 25px 75px #0005;border-top:4px solid var(--green)}.confirm-brand{display:flex;align-items:center;gap:11px;padding-bottom:12px;border-bottom:1px solid var(--line)}.confirm-brand img{width:46px;height:46px;border-radius:50%;object-fit:cover}.confirm-brand strong{display:block;font-size:16px}.confirm-brand span{font-size:11px;color:var(--muted)}.system-confirm-card p{font-size:14px;line-height:1.8;margin:18px 2px;color:#27312d}.confirm-actions{display:flex;gap:9px;justify-content:flex-start}.confirm-actions .btn{min-width:110px}
.rank-preview{width:64px;height:46px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff}.dev-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dev-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;box-shadow:0 5px 20px #163c2d0b;display:grid;gap:5px}.dev-card span{font-size:12px;color:var(--muted)}.dev-card strong{font-size:18px;color:var(--green);overflow-wrap:anywhere}.dev-card small{font-size:11px;color:#7a847f}.dev-info{display:grid;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.dev-info>div{display:grid;grid-template-columns:170px 1fr;gap:12px;padding:12px;border-bottom:1px solid var(--line);background:#fff}.dev-info>div:last-child{border-bottom:0}.dev-info b{color:#39423e}.dev-info span{color:#68736e;overflow-wrap:anywhere}.health-ok{color:#168657!important}.health-bad{color:var(--red)!important}
.cyber-head{display:grid;grid-template-columns:220px 1fr;gap:14px;margin-bottom:16px}.risk-orb{background:#fff;border:1px solid var(--line);border-radius:18px;display:grid;place-items:center;align-content:center;min-height:150px;box-shadow:0 5px 20px #163c2d0b}.risk-orb small{color:var(--muted)}.risk-orb strong{font-size:28px;margin-top:7px}.risk-low strong{color:#168657}.risk-mid strong{color:#9a6d08}.risk-high strong{color:var(--red)}.cyber-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cyber-stats>div{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;display:grid;gap:7px}.cyber-stats span{font-size:11px;color:var(--muted)}.cyber-stats b{font-size:26px;color:var(--green)}.early-warnings{display:grid;gap:9px}.early-warning{display:grid;grid-template-columns:75px 1fr;gap:10px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:10px 12px;background:#fafcfa}.early-warning b{color:var(--green)}.early-warning span{font-size:12px;line-height:1.7;color:#4f5a55}
@media(max-width:1000px){.dev-grid{grid-template-columns:repeat(2,1fr)}.cyber-head{grid-template-columns:1fr}.cyber-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){input,select,textarea{font-size:16px}.modal-card{max-height:calc(var(--app-height,100dvh) - 24px)}.topbar{flex-basis:64px;height:64px}.sidebar{width:min(84vw,300px)}.notice-host{left:10px;right:10px;width:auto}.dev-info>div{grid-template-columns:1fr;gap:4px}.content{padding-bottom:max(16px,env(safe-area-inset-bottom))}}
@media(max-width:520px){.dev-grid{grid-template-columns:1fr}.cyber-stats{grid-template-columns:1fr 1fr}.system-confirm-card{padding:15px}.confirm-actions .btn{flex:1;min-width:0}}

.sidebar nav{flex:1;min-height:0}

/* V.0.8 rank symbols, signatures and stamps */
.dual-preview{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.dual-preview img{max-width:110px;max-height:70px;object-fit:contain}.rank-preview{max-width:86px;max-height:86px;object-fit:contain;background:#eef3f0;border-radius:10px;padding:6px}

/* V.0.8 — واجهة جانبية قابلة للطي + حذف أسطر الشرح + جلب بيانات الفرد */
.sidebar{transform:translateX(105%);transition:transform .2s ease;box-shadow:-14px 0 34px #00150c24}.sidebar.open{transform:none}.main{margin-right:0!important}.icon-btn{display:block!important}.sidebar-backdrop{position:fixed;inset:0;background:#00150c55;z-index:19;opacity:0;pointer-events:none;transition:.18s}.sidebar-backdrop.show{opacity:1;pointer-events:auto}.module-note{display:none!important}.module-card small{display:none!important}.module-card{min-height:105px;align-content:center}.linked-person{grid-column:1/-1;border:1px solid var(--line);border-radius:12px;background:#fafcfa;padding:10px;margin-top:2px}.linked-person-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.linked-person-grid>div{display:grid;gap:3px;padding:8px 10px;background:#fff;border:1px solid #e4ebe7;border-radius:9px}.linked-person-grid b{font-size:11px;color:var(--muted)}.linked-person-grid span{font-size:13px;font-weight:700;color:var(--ink)}
@media(max-width:800px){.linked-person-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.linked-person-grid{grid-template-columns:1fr}}


/* V.0.9 — ملفات القوة الهرمية، بطاقات الوصول السريع، الفروع */
.quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0}.quick-card{min-height:96px;border:1px solid var(--line);background:#fff;border-radius:16px;box-shadow:0 6px 20px #163c2d0d;display:grid;place-items:center;align-content:center;gap:8px;cursor:pointer;color:var(--ink);font-family:inherit;transition:.16s}.quick-card:hover{transform:translateY(-2px);border-color:#b9cdc2;box-shadow:0 10px 28px #163c2d18}.quick-card span{font-size:25px;color:var(--green)}.quick-card b{font-size:13px}.dashboard-summary{margin-top:0}.state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.state-card{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;text-align:right;border:1px solid var(--line);background:#fff;border-radius:17px;padding:15px;cursor:pointer;box-shadow:0 7px 24px #163c2d0d;color:var(--ink);font-family:inherit;transition:.16s}.state-card:hover{transform:translateY(-2px);border-color:#b9cdc2}.state-card-mark{width:54px;height:54px;border-radius:14px;background:#f4f8f5;display:grid;place-items:center;padding:8px}.state-card-mark svg{width:100%}.state-card strong{display:block;font-size:15px;margin-bottom:8px}.state-card span{display:inline-flex;gap:5px;font-size:11px;color:var(--muted);margin-left:12px}.state-card span b{color:var(--green);font-size:12px}.force-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:760px;margin:20px auto}.force-type-card{min-height:160px;border:1px solid var(--line);background:#fff;border-radius:20px;display:grid;place-items:center;align-content:center;gap:10px;cursor:pointer;box-shadow:0 8px 28px #163c2d10;color:var(--ink);font-family:inherit}.force-type-card>span{font-size:34px;color:var(--green)}.force-type-card strong{font-size:19px}.force-type-card b{font-size:30px;color:var(--green)}.branch-filter{max-width:360px;margin:0 auto 4px}.branch-filter label{display:grid;gap:6px;font-size:12px;font-weight:700}.force-table-wrap{overflow:auto}.force-table{min-width:980px}.empty-box{padding:28px;text-align:center;border:1px dashed var(--line);border-radius:14px;color:var(--muted);background:#fff}.linked-person-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.table input[type=number],.table input[type=date],.table input[type=month]{direction:ltr;text-align:center;font-variant-numeric:tabular-nums}.topbar #clock,.stat strong,.status-badge,.table td{font-variant-numeric:tabular-nums}
@media(max-width:1100px){.quick-grid{grid-template-columns:repeat(3,1fr)}.state-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.quick-grid{grid-template-columns:repeat(2,1fr)}.state-grid{grid-template-columns:1fr}.force-type-grid{grid-template-columns:1fr}.linked-person-grid{grid-template-columns:1fr 1fr}.quick-card{min-height:84px}}

.sidebar-foot{display:grid;gap:7px}.sidebar-foot .btn,.sidebar-foot button{width:100%}.password-card form{display:grid;gap:10px;margin-top:14px}.password-card label{display:grid;gap:6px;font-size:12px;font-weight:700}.password-card input{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;font-family:inherit}.row-actions .success{background:#e9f6ef;color:#0b6b42;border:1px solid #bddfcd}.row-actions button:disabled{opacity:.45;cursor:not-allowed}


/* V.01 Build 20260908-1705 — تكبير بطاقات الواجهة واستغلال المساحة */
.content{width:100%;max-width:none;margin:0;padding:22px clamp(18px,3vw,42px)}
.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.stat{min-height:112px;padding:20px 18px;border-radius:18px;display:flex;flex-direction:column;justify-content:center}
.stat span{font-size:13px}.stat strong{font-size:29px;margin-top:9px}
.quick-grid{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:16px;margin:20px 0}
.quick-card{min-height:122px;border-radius:18px;padding:15px;gap:11px}
.quick-card span{font-size:31px}.quick-card b{font-size:15px}
.state-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.state-card{min-height:112px;padding:18px;border-radius:19px;grid-template-columns:66px 1fr}
.state-card-mark{width:62px;height:62px}.state-card strong{font-size:17px}.state-card span{font-size:12px}.state-card span b{font-size:14px}
.force-type-grid{max-width:920px;gap:20px}.force-type-card{min-height:185px}.force-type-card strong{font-size:21px}.force-type-card>span{font-size:39px}
.panel{border-radius:18px}.panel-head{padding:17px 20px}.panel-head h3{font-size:18px}.panel-body{padding:18px 20px}
@media(max-width:900px){.content{padding:16px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-card{min-height:112px}.stat{min-height:104px}}
@media(max-width:480px){.content{padding:13px}.quick-grid{gap:12px}.quick-card{min-height:104px;padding:12px}.quick-card span{font-size:29px}.quick-card b{font-size:14px}.cards{gap:12px}.stat{min-height:96px;padding:15px}.stat strong{font-size:25px}.state-grid{grid-template-columns:1fr}}

/* V.01 Build 20260908-1948 — واجهة قيادة إدارية داكنة بهوية الأورطة الشرقية */
:root{--cmd-bg:#061721;--cmd-bg2:#081f2b;--cmd-panel:#0a2431;--cmd-panel2:#0d2b3a;--cmd-line:#1d4554;--cmd-text:#eef6f4;--cmd-muted:#8da9b2;--cmd-gold:#d6ad54;--cmd-green:#37ce79;--cmd-blue:#4e98e9;--cmd-red:#ed6570;--cmd-violet:#9b7be8;--cmd-cyan:#45c8c5}
.app{background:radial-gradient(circle at 35% -20%,#153949 0,#071d28 40%,#04131c 100%);color:var(--cmd-text)}
.app .main{background:transparent}.app .topbar{background:linear-gradient(180deg,#0a2431,#071b26);border-bottom:1px solid #244650;color:#fff;box-shadow:0 5px 18px #0005}.app .topbar h2{color:#fff}.app .topbar small,.app .userbox{color:#90aab3}.app .userbox strong{color:#f2f7f5}.app .content{color:var(--cmd-text);padding:18px 22px 28px}
.app .sidebar{background:linear-gradient(180deg,#0a2230 0%,#061822 58%,#081d27 100%);border-left:1px solid #254957;box-shadow:-18px 0 40px #0005}.app .brand{border-bottom:1px solid #274650;background:#0b2633}.app .brand img{border:2px solid var(--cmd-gold)}.app .brand strong{color:#fff}.app .brand span{color:#9db1b8}.app .nav-btn{color:#d9e6e7;border:1px solid transparent;border-radius:8px;margin:3px 0;padding:11px 13px}.app .nav-btn:hover{background:#123342;border-color:#244959}.app .nav-btn.active{background:linear-gradient(90deg,#9a762f55,#1f3b3c66);border-color:#b5934e;color:#fff;box-shadow:inset -3px 0 0 var(--cmd-gold)}.app .nav-btn.active .nav-icon{color:var(--cmd-gold)}.app .sidebar-foot{border-top:1px solid #24444f;background:#06171f}.app #logoutBtn{background:#9b2430!important;border:1px solid #d65b64!important;color:#fff!important;box-shadow:0 5px 14px #0004}.app #logoutBtn:hover{background:#bd2c3a!important}.app .sidebar-foot .secondary{background:#112f3c!important;color:#d8e7e8!important;border:1px solid #2a5360}
@media(min-width:901px){.app .sidebar{transform:none!important;width:252px}.app .main{margin-right:252px!important}.app .icon-btn{display:none!important}.app .sidebar-backdrop{display:none!important}}
@media(max-width:900px){.app .sidebar{width:min(82vw,300px);transform:translateX(105%)}.app .sidebar.open{transform:none}.app .main{margin-right:0!important}.app .icon-btn{display:block!important;color:#fff}.app .content{padding:12px}}
.command-title{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(90deg,#0a2a3a,#0b2230);border:1px solid #1f4655;border-right:4px solid var(--cmd-gold);border-radius:11px;padding:14px 18px;margin-bottom:14px;box-shadow:0 9px 22px #0003}.command-title h1{margin:2px 0 0;color:#fff;font-size:25px}.command-kicker{color:#a9bec3;font-size:12px}.command-badge{border:1px solid #8e743e;color:#f0cc77;padding:7px 13px;border-radius:8px;background:#8d6d2e22}.command-primary{border:1px solid #e2bd68;background:linear-gradient(180deg,#f1cd78,#c99738);color:#1d1a11;border-radius:8px;padding:10px 16px;font-weight:800;cursor:pointer}.command-secondary{border:1px solid #2d5361;background:#102f3d;color:#dfecef;border-radius:8px;padding:9px 14px;cursor:pointer}
.command-stats{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:12px;margin-bottom:14px}.command-stats.compact{grid-template-columns:repeat(4,minmax(180px,1fr))}.command-stat{min-height:92px;background:linear-gradient(145deg,#0b2735,#0a1f2b);border:1px solid #214553;border-radius:10px;padding:13px;display:flex;align-items:center;gap:13px;box-shadow:0 7px 18px #0003;position:relative;overflow:hidden}.command-stat:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:currentColor;opacity:.8}.command-stat.green{color:var(--cmd-green)}.command-stat.blue{color:var(--cmd-blue)}.command-stat.gold{color:var(--cmd-gold)}.command-stat.red{color:var(--cmd-red)}.command-stat.violet{color:var(--cmd-violet)}.command-stat.cyan{color:var(--cmd-cyan)}.cs-icon{width:44px;height:44px;border-radius:9px;display:grid;place-items:center;background:currentColor;color:#071b25;font-size:22px;font-weight:900}.command-stat small{display:block;color:#a7bbc0;font-size:11px;margin-bottom:6px}.command-stat strong{display:block;color:#fff;font-size:23px;font-variant-numeric:tabular-nums}
.command-grid{display:grid;grid-template-columns:2fr 1fr;gap:13px}.command-panel{background:linear-gradient(155deg,#09232f,#071d28);border:1px solid #1c4250;border-radius:10px;box-shadow:0 8px 24px #0003;overflow:hidden;color:#e9f2f2}.command-panel.wide{min-width:0}.command-panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1e4350;padding:12px 14px;background:#0b2835}.command-panel-head h3{margin:0;color:#fff;font-size:16px}.command-panel-head span{font-size:11px;color:#83a1aa}.command-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:13px}.command-quick button{min-height:88px;background:#0e2c39;border:1px solid #214b59;color:#fff;border-radius:9px;display:grid;place-items:center;align-content:center;gap:7px;cursor:pointer}.command-quick button:hover{border-color:#b39450;background:#123645}.command-quick button span{font-size:24px;color:var(--cmd-gold)}.command-quick button b{font-size:12px}.command-alerts{display:grid}.command-alerts>div{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:9px;padding:14px;border-bottom:1px solid #173947}.command-alerts>div:last-child{border-bottom:0}.command-alerts i{width:8px;height:34px;border-radius:5px}.command-alerts i.warn{background:#e9bc58}.command-alerts i.info{background:#599dea}.command-alerts i.ok{background:#40cf7c}.command-alerts b{font-size:12px;color:#dce8e8}.command-alerts strong{font-size:19px;color:#fff}.activity-list{display:grid;padding:3px 13px}.activity-row{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:11px;padding:11px 2px;border-bottom:1px solid #173947}.activity-row:last-child{border-bottom:0}.activity-type{font-size:10px;padding:5px 8px;border-radius:5px;background:#173b49;color:#d8e9eb;text-align:center}.activity-row b{display:block;font-size:12px;color:#f2f6f6}.activity-row small{display:block;font-size:10px;color:#7f9ca5;margin-top:4px}.activity-row>strong{color:#f0ca72;font-size:13px}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:16px;gap:9px}.mini-metrics div{background:#0e2b38;border:1px solid #204956;border-radius:8px;padding:15px;text-align:center}.mini-metrics span{display:block;color:#89a6ae;font-size:10px}.mini-metrics b{display:block;color:#fff;font-size:23px;margin-top:7px}.command-empty{padding:28px;text-align:center;color:#7f9ca5}.operation-links{display:grid;padding:12px;gap:9px}.operation-links button{display:flex;justify-content:space-between;align-items:center;border:1px solid #234b58;background:#0d2a37;color:#dce8e9;padding:12px;border-radius:8px;cursor:pointer}.operation-links b{color:#f0c86e;font-size:17px}
.command-toolbar{display:grid;grid-template-columns:minmax(240px,1.3fr) repeat(3,minmax(140px,.7fr)) auto;gap:9px;padding:12px;border-bottom:1px solid #1b414e}.command-toolbar input,.command-toolbar select{margin:0;background:#071c27;border:1px solid #2a4e5b;color:#dfe9e9;border-radius:7px;padding:9px 10px}.command-toolbar option{background:#0a2330;color:#fff}.table-panel{margin-top:0}.command-table-wrap{overflow:auto}.command-table{width:100%;min-width:900px;border-collapse:collapse}.command-table th{background:#143444;color:#b9cdd1;border-left:1px solid #284957;padding:10px 9px;font-size:11px;text-align:right;position:sticky;top:0}.command-table td{padding:9px;border-bottom:1px solid #163946;border-left:1px solid #153541;color:#dce7e7;font-size:12px}.command-table tbody tr:nth-child(even){background:#09232f88}.command-table tbody tr:hover{background:#123746}.person-name-cell{font-weight:700;color:#fff!important}.table-avatar{width:34px;height:34px;border-radius:5px;object-fit:cover;border:1px solid #49626a}.avatar-placeholder{width:34px;height:34px;border-radius:5px;background:#143541;display:grid;place-items:center;color:#9ab0b6}.command-actions{display:flex;gap:5px}.command-actions button{width:30px;height:28px;border-radius:5px;border:1px solid #2b5360;background:#153848;color:#dbe9eb;cursor:pointer}.command-actions button:not(.danger):hover{background:#20526a}.command-status{display:inline-block;padding:5px 8px;border-radius:5px;font-size:10px;font-weight:700;white-space:nowrap}.command-status.ok{background:#0d693f;color:#bff6d5}.command-status.info{background:#174b78;color:#cbe4ff}.command-status.warn{background:#745923;color:#f8df9c}.command-status.danger{background:#762d37;color:#ffd2d7}.unit-name-pill{color:#f0cc77}.command-link{border:1px solid #316170;background:#133a49;color:#cbe8ec;border-radius:6px;padding:6px 10px;cursor:pointer}
.app .panel,.app .stat,.app .quick-card,.app .state-card,.app .force-type-card,.app .settings-fold,.app .dev-card,.app .risk-orb,.app .cyber-stats>div{background:#0a2431!important;border-color:#1d4554!important;color:#eaf2f2!important;box-shadow:0 7px 20px #0003}.app .panel-head,.app .settings-fold summary{background:#0b2936!important;border-color:#1c4250!important}.app .panel-head h3,.app .settings-fold summary,.app .settings-fold summary span{color:#f2f7f7!important}.app .panel-body,.app .settings-fold-body{background:#081e29;color:#d9e6e6;border-color:#1c4250}.app .table th{background:#123342;color:#b8cdd1;border-color:#244956}.app .table td{color:#dbe7e7;border-color:#173b48}.app .table tbody tr:hover{background:#123645}.app .stat span,.app .dev-card span,.app .subtle{color:#8ea9b1}.app .stat strong,.app .dev-card strong{color:#f0cc77}.app input,.app select,.app textarea{background:#071c27;border-color:#2a4f5c;color:#e8f1f1}.app input::placeholder,.app textarea::placeholder{color:#68858e}.app label{color:#c5d7d9}.app .btn.secondary{background:#123442;color:#d6e7e9}.app .row-actions button,.app .mini-btn{background:#153948;color:#dce9e9}.app .row-actions button.danger{background:#8b2935!important}.app .modal-card,.app .system-confirm-card{background:#0a2431;color:#eef5f5;border:1px solid #214957}.app .modal-head{border-color:#1d4350}.app .system-confirm-card p{color:#dce8e8}.app .linked-person,.app .linked-person-grid>div{background:#09212c;border-color:#204753}.app .linked-person-grid b{color:#84a0a8}.app .linked-person-grid span{color:#eaf2f2}.app .state-card strong,.app .force-type-card strong,.app .quick-card b{color:#edf5f5}.app .state-card span{color:#8ba6ad}.app .quick-card span,.app .force-type-card>span{color:#e0b75c}.app .empty,.app .empty-box{color:#809da5;background:#09212c;border-color:#2a4f5c}
@media(max-width:1250px){.command-stats{grid-template-columns:repeat(3,1fr)}.command-stats.compact{grid-template-columns:repeat(2,1fr)}.command-quick{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.command-grid{grid-template-columns:1fr}.command-toolbar{grid-template-columns:1fr 1fr}.command-stats{grid-template-columns:repeat(2,1fr)}.command-title{min-height:62px}.command-title h1{font-size:21px}}
@media(max-width:520px){.command-stats,.command-stats.compact{grid-template-columns:1fr 1fr;gap:8px}.command-stat{min-height:78px;padding:10px}.command-stat strong{font-size:18px}.cs-icon{width:36px;height:36px;font-size:17px}.command-quick{grid-template-columns:1fr 1fr}.command-toolbar{grid-template-columns:1fr}.command-title{padding:11px 12px}.command-primary{padding:8px 10px;font-size:11px}.activity-row{grid-template-columns:58px 1fr auto}.mini-metrics{grid-template-columns:1fr 1fr 1fr;padding:10px}.command-panel-head{padding:10px 12px}}

/* V.01 Build 20260909-0121 — واجهة المرجع، الهيدر الطبيعي، التثبيت والمزامنة الهادئة */
html,body{touch-action:manipulation;background:#04131c}input,select,textarea,[contenteditable="true"]{touch-action:auto}
.install-view{height:var(--app-height,100dvh);min-height:100dvh;display:grid;place-items:center;padding:20px;position:relative;overflow:hidden;background:linear-gradient(115deg,#03131ed9,#061c27b8),url('assets/sudan-landmarks.webp') center/cover no-repeat;color:#edf5f4}
.install-view:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,#d6ad5424,transparent 30%),linear-gradient(180deg,transparent 60%,#020c12e8);pointer-events:none}
.install-card{position:relative;z-index:1;width:min(440px,100%);border:1px solid #806a3f;background:linear-gradient(155deg,#0b2a38f5,#061923f8);border-radius:22px;padding:24px;box-shadow:0 30px 90px #000b,inset 0 1px #ffffff12;text-align:center;overflow:hidden}
.install-card:after{content:"";position:absolute;inset:auto -70px -110px;width:230px;height:230px;border:28px solid #d6ad540a;border-radius:50%;pointer-events:none}
.install-brand{display:flex;align-items:center;gap:12px;text-align:right;padding-bottom:17px;border-bottom:1px solid #2a4c58}.install-brand img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid #d8b35d;box-shadow:0 0 0 4px #d8b35d15}.install-brand strong{display:block;font-size:19px;color:#fff}.install-brand span{display:block;margin-top:4px;font-size:11px;color:#9bb2b8}
.install-status-icon{width:74px;height:74px;margin:24px auto 16px;border-radius:50%;display:grid;place-items:center;background:#0c3442;border:1px solid #31606d;position:relative}.install-status-icon span{width:30px;height:30px;border:4px solid #466772;border-top-color:#e7c46e;border-radius:50%;animation:installSpin .85s linear infinite}.install-card h1{font-size:21px;margin:0 0 8px;color:#fff}.install-card p{font-size:13px;line-height:1.75;color:#a8bdc2;margin:0 auto 15px;max-width:340px}.install-progress{height:7px;border-radius:999px;background:#04131b;border:1px solid #1f4654;overflow:hidden;margin:16px 0}.install-progress span{display:block;height:100%;width:42%;border-radius:inherit;background:linear-gradient(90deg,#b98b34,#f0d27f);animation:installLoad 1.25s ease-in-out infinite}
.install-help{margin:14px 0;padding:12px 13px;text-align:right;line-height:1.8;font-size:12px;color:#d8e6e7;background:#0e303e;border:1px solid #2a5360;border-radius:10px}.install-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.install-primary,.install-later{border:0;border-radius:10px;min-height:45px;padding:10px 14px;font-weight:800;cursor:pointer}.install-primary{background:linear-gradient(180deg,#f0d17c,#c99638);color:#19160e;box-shadow:0 8px 20px #0004}.install-primary:disabled{opacity:.55;cursor:wait}.install-later{background:#123442;color:#dce8e9;border:1px solid #31535e}.install-view.complete .install-status-icon{background:#0b4b32;border-color:#37ce79}.install-view.complete .install-status-icon span{width:28px;height:16px;border:0;border-left:4px solid #fff;border-bottom:4px solid #fff;border-radius:0;transform:rotate(-45deg) translate(2px,-2px);animation:none}.install-view.complete .install-progress{display:none}.install-view.manual .install-status-icon span{animation:none;border:0;width:auto;height:auto}.install-view.manual .install-status-icon span:before{content:"⇩";font-size:34px;color:#e8c66f}@keyframes installSpin{to{transform:rotate(360deg)}}@keyframes installLoad{0%{transform:translateX(165%)}100%{transform:translateX(-270%)}}
.app .topbar{flex:0 0 104px;height:104px;padding:0 22px;background:linear-gradient(90deg,#041722e8,#071b27a8 45%,#041722e8),url('assets/sudan-landmarks.webp') center 48%/cover no-repeat!important;border-bottom:2px solid #9a773d!important;box-shadow:0 7px 24px #0008!important}.topbar-brand{display:flex;align-items:center;gap:13px;min-width:0}.topbar-brand>img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid #d8b45d;box-shadow:0 0 0 4px #061923b8}.topbar-brand h2{font-size:23px!important;text-shadow:0 2px 8px #000}.topbar-brand small{display:block;margin-top:5px;color:#d9c58f!important;font-size:12px;text-shadow:0 2px 6px #000}.app .userbox{padding:10px 13px;border:1px solid #35515a;background:#041721b8;border-radius:10px;backdrop-filter:blur(5px);min-width:185px}.app .userbox #clock{font-size:13px;color:#e4ecec}.app .userbox strong{font-size:12px;margin-top:5px}.sync-state{display:flex!important;direction:rtl;justify-content:flex-start;align-items:center;gap:6px;margin-top:6px;font-size:10px!important;color:#9fb3b8!important}.sync-state i{width:7px;height:7px;border-radius:50%;background:#7e9298;box-shadow:0 0 0 3px #7e92981c}.sync-state[data-state="syncing"] i{background:#e0b85d;animation:syncPulse 1s ease-in-out infinite}.sync-state[data-state="synced"] i{background:#3ad079;box-shadow:0 0 8px #3ad079}.sync-state[data-state="pending"] i{background:#e2ad45;box-shadow:0 0 8px #e2ad45}.sync-state[data-state="local"] i{background:#6b8790}@keyframes syncPulse{50%{opacity:.35}}
.app .brand{min-height:104px;padding:16px 18px;background:linear-gradient(120deg,#0b2633e8,#071b26e8),url('assets/sudan-landmarks.webp') center/cover no-repeat!important;border-bottom:2px solid #8f703b!important}.app .brand img{width:58px;height:58px}.app .brand strong{font-size:16px}.app .brand span{font-size:11px;margin-top:4px;display:block}.app .content{position:relative;isolation:isolate;width:100%;max-width:none!important;padding:20px 22px 30px!important}.app .content:before{content:"";position:fixed;inset:104px 0 0 0;background:linear-gradient(#04131cd9,#04131cf0),url('assets/sudan-landmarks.webp') center/cover no-repeat;opacity:.32;pointer-events:none;z-index:-1}.app .content>*{position:relative;z-index:1}
@media(min-width:901px){.app .sidebar{width:264px!important}.app .main{margin-right:264px!important}.app .nav-btn{min-height:43px}.app .sidebar-foot{padding:13px 15px 15px}}
.command-title{min-height:82px;padding:16px 20px;border-radius:12px;background:linear-gradient(90deg,#0c2e3ce8,#0a2330d9),url('assets/sudan-landmarks.webp') center 62%/cover no-repeat;border-color:#31515c;border-right-color:#d6ad54;box-shadow:0 10px 26px #0005}.command-title h1{font-size:27px}.command-kicker{color:#d0dfe0}.command-stats{gap:13px}.command-stat{min-height:104px;border-radius:11px;padding:15px}.command-panel{border-radius:12px}.command-quick button{min-height:108px}.command-quick button span{font-size:29px}.command-quick button b{font-size:13px}.dashboard-command-grid{grid-template-columns:minmax(0,2.15fr) minmax(280px,.85fr)}
.state-card-mark{overflow:hidden;background:#071c27!important;border:1px solid #31515c;padding:5px!important}.state-card-mark img{width:100%;height:100%;border-radius:9px;object-fit:cover}.state-card{min-height:125px!important}.state-card strong{font-size:17px!important}
@media(max-width:900px){.app .topbar{height:86px;flex-basis:86px;padding:0 12px}.topbar-brand>img{width:45px;height:45px}.topbar-brand h2{font-size:20px!important}.topbar-brand small{font-size:10px}.app .userbox{min-width:0;padding:7px 9px}.app .userbox #clock{display:none}.app .content{padding:13px 12px 22px!important}.app .content:before{inset:86px 0 0}.dashboard-command-grid{grid-template-columns:1fr}.command-title{min-height:70px}.command-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.install-card{padding:20px}}
@media(max-width:520px){.topbar-brand>img{width:40px;height:40px}.topbar-brand h2{font-size:18px!important}.topbar-brand small{max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app .userbox{max-width:118px}.app .userbox strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-state{margin-top:4px}.command-title h1{font-size:23px}.command-stat{min-height:92px}.command-quick button{min-height:112px}.install-actions{grid-template-columns:1fr}.install-card h1{font-size:19px}}

/* V.01 — وضوح الخلفية وبيانات المستخدم داخل القائمة الجانبية */
html,body{background:#0b2936}
.app{background:radial-gradient(circle at 38% -12%,#244c5b 0,#123543 34%,#0a2733 74%,#081f2a 100%)}
.app .content:before{background:linear-gradient(#0b2b38a8,#0a2732c4),url('assets/sudan-landmarks.webp') center/cover no-repeat;opacity:.74}
.app .sidebar nav{flex:1;min-height:0}
.sidebar-userbox{margin:10px 13px 2px;padding:10px 12px;border:1px solid #315360;border-radius:10px;background:#0d2d3a;text-align:right;color:#dce9e9;box-shadow:inset 0 1px #ffffff0a}
.sidebar-userbox>strong{display:block;color:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-userbox>#clock{display:block;margin-top:5px;color:#b9cccf;font-size:10px;direction:rtl;font-variant-numeric:tabular-nums}
.sidebar-userbox .sync-state{margin-top:6px!important;color:#9eb6bb!important}
.page-actions{display:flex;justify-content:flex-start;align-items:center;margin:0 0 12px;min-height:42px}
.panel-head.actions-only{justify-content:flex-start;min-height:50px}
.panel-head.actions-only .actions{width:100%;justify-content:flex-start}
.app .panel,.app .stat,.app .quick-card,.app .state-card,.app .force-type-card,.app .settings-fold,.app .dev-card,.app .risk-orb,.app .cyber-stats>div{background:#103442!important;border-color:#2b5664!important}
.app .panel-body,.app .settings-fold-body{background:#0d2d3a!important;border-color:#28515e!important}
.command-panel{background:linear-gradient(155deg,#123846,#0d2e3b)!important;border-color:#2b5967!important}
.command-panel-head{background:#143b49!important;border-color:#2d5865!important}
.command-stat{background:linear-gradient(145deg,#153d4c,#10313e)!important;border-color:#315d6a!important}
.command-quick button,.operation-links button,.mini-metrics div{background:#153c4a!important;border-color:#32606e!important}
.command-toolbar input,.command-toolbar select,.app input,.app select,.app textarea{background:#0d2b37!important;border-color:#3a6470!important}
.app .table th,.command-table th{background:#194353!important;border-color:#38616d!important}
.app .table tbody tr:nth-child(even),.command-table tbody tr:nth-child(even){background:#113441!important}
@media(max-width:900px){.sidebar-userbox{margin:8px 12px 0}.app .topbar{justify-content:flex-start}.topbar-brand{flex:1}.page-actions{margin-bottom:10px}}

/* V.01 — شاشة الدخول الثلاثية، الهيدر الأمني، وثبات لوحة المفاتيح */
.login-view{display:grid;place-items:center;padding:0;overflow:auto;background:radial-gradient(circle at 50% 42%,#1d4b59 0,#0b2a38 46%,#04131c 100%)}
.login-view:before,.login-view:after{display:none!important}
.login-stage{width:min(760px,100%);min-height:100%;display:grid;grid-template-rows:clamp(145px,25vh,260px) auto clamp(145px,25vh,260px);align-content:center;justify-items:center;position:relative;padding:10px 0}
.login-scene{width:100%;height:100%;min-height:0;background-repeat:no-repeat;background-size:cover;box-shadow:0 0 36px #0006;position:relative;overflow:hidden}
.login-scene:after{content:"";position:absolute;inset:0;pointer-events:none}.login-scene-top{background-image:url('assets/login-soldiers-mountain.jpg');background-position:center bottom;border-radius:24px 24px 0 0}.login-scene-top:after{background:linear-gradient(180deg,#06192322,#06192300 55%,#071d28a8)}
.login-scene-bottom{background-image:url('assets/login-soldiers-march.jpg');background-position:center 54%;border-radius:0 0 24px 24px}.login-scene-bottom:after{background:linear-gradient(180deg,#071d28a0,#071d2815 38%,#06192388)}
.login-card{z-index:2;width:min(420px,92vw);margin:0;position:relative;overflow:hidden;padding:25px 25px 22px;border:1px solid #d8b45d99;border-top:3px solid #e0bd69;border-radius:0;background:linear-gradient(145deg,#0a2c39b8,#061923d1);box-shadow:0 22px 55px #0009,inset 0 1px #ffffff28;backdrop-filter:blur(11px) saturate(1.25);-webkit-backdrop-filter:blur(11px) saturate(1.25);color:#fff;text-align:center}
.login-card:before{content:"";position:absolute;inset:4px;background:url('assets/unit-logo.jpg') center/65% auto no-repeat;opacity:.25;filter:saturate(.9);pointer-events:none}.login-card>*{position:relative;z-index:1}.login-card h1{color:#fff;text-shadow:0 2px 10px #000;margin:2px 0 5px;font-size:23px}.login-card p{color:#f0cf7b;margin:0 0 16px;font-size:12px;font-weight:800}.login-card label{color:#edf5f4;text-shadow:0 1px 4px #000}.login-card input{font-size:16px!important;color:#fff;background:#061923a6!important;border-color:#7da0a8!important;box-shadow:inset 0 1px #ffffff10}.login-card input:focus{border-color:#e3c16d!important;box-shadow:0 0 0 3px #d6ad5425}.login-card .primary{background:linear-gradient(180deg,#19835a,#0c6040);border:1px solid #6bc69e;box-shadow:0 7px 18px #0005}.login-card>small{color:#d2e1df}.login-card .msg{color:#ffb4bb;font-weight:700;text-shadow:0 1px 3px #000}
.app .brand.brand-logo-only{min-height:94px!important;justify-content:center;padding:11px!important}.app .brand.brand-logo-only img{width:68px;height:68px}
.sidebar-userbox{text-align:center!important}.sidebar-system-name{display:block;color:#f0cc77;font-size:13px;font-weight:900;margin-bottom:7px}.sidebar-userbox .sync-state{justify-content:center!important}
.topbar-brand{flex:0 1 auto}.topbar-motto{margin:auto;color:#f0cc77;font-weight:800;font-size:13px;text-shadow:0 2px 7px #000}.topbar-actions{margin-right:auto;display:flex;direction:rtl;align-items:center;gap:10px;flex:0 0 auto}.topbar-logo{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid #d8b45d;box-shadow:0 0 0 4px #061923b8}.security-bell{width:45px;height:45px;border-radius:11px;border:1px solid #345864;background:#071d29d6;color:#f3d477;display:grid;place-items:center;font-size:20px;cursor:pointer;position:relative;backdrop-filter:blur(5px)}.security-bell span{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#a52835;color:#fff;font-size:11px;display:grid;place-items:center;border:2px solid #071b26}.security-bell:not(.has-alerts) span{display:none}.security-bell.has-alerts{animation:bellPulse 1.8s ease-in-out infinite}@keyframes bellPulse{50%{box-shadow:0 0 0 7px #d6ad541a}}
.blocked-accounts-card{width:min(620px,96vw)}.blocked-accounts-list{display:grid;gap:9px;max-height:55vh;overflow:auto;margin:16px 0}.blocked-account-row{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px;border:1px solid #315662;border-radius:10px;background:#0e303d}.blocked-account-row div{display:grid;gap:3px}.blocked-account-row strong{color:#fff}.blocked-account-row span,.blocked-account-row small{color:#a9bec3;font-size:11px}.password-required-note{padding:10px 12px!important;margin:12px 0!important;border-radius:9px;background:#694d1838;border:1px solid #a78545;color:#f1d895!important}.scope-banner{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:11px 14px;background:#123b49;border:1px solid #376270;border-radius:10px;color:#dbe9e9}.scope-banner b{color:#f0cc77}.scope-banner span{font-size:12px}
.confirm-actions,.form-actions{direction:rtl;justify-content:flex-start}.confirm-actions [data-yes],.confirm-actions [type="submit"],.form-actions [type="submit"]{order:0}.confirm-actions [data-no],.confirm-actions [data-cancel]{order:1}
@media(max-width:900px){html,body{width:100%;max-width:100%;overflow:hidden}body,.app,.main{min-width:0;max-width:100vw}.app input,.app select,.app textarea,.modal input,.modal select,.modal textarea,.system-confirm-card input{font-size:16px!important}.app .content{width:100%;min-width:0;max-width:100vw;overflow-x:hidden}.command-panel,.command-toolbar,.dashboard-command-grid,.command-stats,.panel,.panel-body{min-width:0;max-width:100%}.command-toolbar>*{min-width:0}.command-table-wrap,.force-table-wrap,.panel-body{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.topbar-brand>div{min-width:0}.topbar-motto{display:none}.topbar-logo{width:44px;height:44px}.security-bell{width:40px;height:40px}.topbar-actions{gap:7px}.app .topbar{gap:9px}.app .brand.brand-logo-only{min-height:86px!important}.app .brand.brand-logo-only img{width:62px;height:62px}html.keyboard-open,html.keyboard-open body,html.keyboard-open .login-view,html.keyboard-open .app{height:var(--app-height)!important;min-height:var(--app-height)!important}.login-stage{grid-template-rows:clamp(130px,22vh,230px) auto clamp(130px,22vh,230px)}.blocked-account-row{align-items:stretch;flex-direction:column}.blocked-account-row .btn{width:100%}}
@media(max-width:520px){.login-stage{width:100%;padding:0;grid-template-rows:minmax(128px,21vh) auto minmax(128px,21vh)}.login-scene-top,.login-scene-bottom{border-radius:0}.login-card{width:min(390px,92vw);padding:20px 19px 18px;border-radius:0}.login-card h1{font-size:20px}.topbar-logo{width:38px;height:38px}.security-bell{width:37px;height:37px;font-size:17px}.topbar-brand h2{font-size:17px!important}.topbar-brand small{max-width:122px}.app .topbar{padding:0 9px;gap:7px}.scope-banner{align-items:flex-start;flex-direction:column;gap:4px}}

.excel-import-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px 0;padding:17px 18px;border:1px solid #3c6975;border-radius:13px;background:linear-gradient(135deg,#174454,#10323f);box-shadow:0 7px 20px #0003}.excel-import-card>div{display:flex;align-items:center;gap:14px;min-width:0}.excel-import-card h3{margin:0 0 6px;color:#fff;font-size:17px}.excel-import-card p{margin:0;color:#a9c0c5;font-size:12px;line-height:1.65}.excel-import-icon{display:grid;place-items:center;flex:0 0 58px;height:58px;border-radius:12px;background:#167648;color:#fff;font-size:13px;font-weight:900;border:1px solid #5fc18e;box-shadow:inset 0 1px #ffffff30}.developer-data-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}.developer-data-actions .btn{min-width:138px}.developer-data-actions #devExcelImport{background:#188657}.developer-data-actions .btn:disabled{opacity:.65;cursor:wait}.reset-confirm-copy{display:grid;gap:9px}.reset-confirm-copy strong{color:#f1cc73}.reset-confirm-copy small{color:#a9bec3;line-height:1.7}.reset-confirm-copy input{width:100%;margin-top:4px;text-align:center;font-weight:800;letter-spacing:.2px}.reset-confirm-copy input.invalid{border-color:#b7434f;box-shadow:0 0 0 3px #b7434f22}@media(max-width:620px){.excel-import-card{align-items:stretch;flex-direction:column}.developer-data-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.developer-data-actions .btn{width:100%;min-width:0}.excel-import-icon{flex-basis:52px;height:52px}}@media(max-width:390px){.developer-data-actions{grid-template-columns:1fr}}