@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--navy:#14243b;--navy2:#1d314e;--accent:#ef6c3e;--ink:#17233a;--muted:#718096;--bg:#f5f7fa;--line:#e7ebf0;--card:#fff}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:Inter,Cairo,sans-serif}html[dir=rtl] body{font-family:Cairo,Inter,sans-serif}.topbar{height:70px;background:linear-gradient(110deg,#13233a,#1d314e);box-shadow:0 2px 12px #12233a18}.topbar .navbar-brand img{height:38px!important;max-width:170px!important}.sidebar{width:250px;min-height:calc(100vh - 70px);background:#fff;border-inline-end:1px solid var(--line);position:sticky;top:70px;height:calc(100vh - 70px);overflow:auto}.sidebar .nav-link{color:#34435b;border-radius:11px;padding:11px 13px;font-weight:600}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:#fff0eb;color:#df582b}.sidebar .nav-link i{margin-inline-end:9px}.content-area{min-width:0}.card{border:1px solid #e9edf2;border-radius:16px;box-shadow:0 6px 22px #23344b0a!important}.btn{border-radius:10px;font-weight:600}.btn-primary{background:var(--accent);border-color:var(--accent)}.btn-primary:hover{background:#d9582f;border-color:#d9582f}.form-control,.form-select{border-radius:10px;border-color:#dfe5ec;min-height:44px}.form-control:focus,.form-select:focus{border-color:#ef9b7c;box-shadow:0 0 0 .2rem #ef6c3e18}.kpi{padding:20px}.kpi-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#fff0eb;color:var(--accent);font-size:22px}.quick-tile{border:1px solid var(--line);border-radius:14px;background:#fff;padding:18px;text-decoration:none;color:var(--ink);display:block;height:100%;transition:.2s}.quick-tile:hover{transform:translateY(-2px);box-shadow:0 10px 25px #24344a12;border-color:#f1c3b3}.quick-tile i{font-size:26px;color:var(--accent)}.section-title{font-weight:800;margin:0}.badge-soft{background:#fff0eb;color:#d95429;border-radius:20px;padding:6px 10px}.service-check input{display:none}.service-check label{cursor:pointer;border:1px solid var(--line);border-radius:14px;padding:16px;display:block;background:#fff;height:100%;transition:.15s}.service-check input:checked+label{border:2px solid var(--accent);background:#fff7f4}.service-check i{font-size:25px;color:var(--accent)}.dart-login{background:radial-gradient(circle at 15% 10%,#f7d9cd 0,transparent 28%),linear-gradient(135deg,#f7f8fa,#eef2f6)}.login-shell{max-width:980px;width:100%;overflow:hidden}.login-brand{background:linear-gradient(145deg,#13233a,#223a5c);color:#fff;min-height:560px;padding:55px}.login-form{padding:55px;background:#fff}.logo-box{background:#17283f;padding:12px 18px;border-radius:12px;display:inline-flex}.table>:not(caption)>*>*{padding:.85rem .75rem}.nav-section{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9aa5b4;margin:18px 12px 6px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}@media(max-width:900px){.sidebar{width:82px}.sidebar .nav-link span,.nav-section{display:none}.content-area{padding:18px!important}}
/* V4: fixed sidebar sizing, logical directions, and mobile navigation. */
[hidden]{display:none!important}.topbar{position:sticky;top:0;z-index:1040;min-height:70px;height:auto;flex-wrap:nowrap}.app-shell{display:flex;align-items:flex-start;min-height:calc(100vh - 70px)}.sidebar{flex:0 0 250px;width:250px;top:70px}.content-area{flex:1 1 0;width:0;max-width:100%;min-width:0}.sidebar .nav-link span{display:inline}.sidebar .nav-link i{flex-shrink:0}.page-head{flex-wrap:wrap}.permission-option{cursor:pointer}.permission-option:has(input:checked){background:#fff7f4;border-color:#ef9b7c!important}.service-check{position:relative}.service-check input{display:block;position:absolute;opacity:0;width:1px;height:1px}.service-check input:focus-visible+label{outline:3px solid #14243b;outline-offset:3px}fieldset{min-width:0}.table-responsive{max-width:100%}.content-area img{max-width:100%}
@media(max-width:991px){.sidebar{display:none;position:fixed;inset-inline-start:0;top:70px;z-index:1030;width:250px;height:calc(100vh - 70px);box-shadow:0 10px 30px #14243b30}.sidebar.is-open{display:block}.sidebar .nav-link span{display:inline}.content-area{padding:18px!important;width:100%}.login-form{padding:28px}}