:root{--brand:#12a866;--brand-dark:#087a4a;--brand-soft:#e9f8f0;--ink:#17221d;--muted:#78837d;--surface:#fff;--canvas:#f5f6f2;--line:#e8ece9;--shadow:0 12px 34px rgba(30,55,43,.08)}*{box-sizing:border-box}body{font-family:"Tajawal",Tahoma,Arial,sans-serif;background:var(--canvas);color:var(--ink);min-height:100vh}a{color:inherit}.sidebar{position:fixed;inset:0 0 0 auto;width:270px;background:#10251c;color:#dbe8e1;padding:24px 18px;z-index:1040;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 26px;text-decoration:none;color:#fff}.brand-mark,.avatar,.metric-icon,.login-logo{display:grid;place-items:center}.brand-mark{width:44px;height:44px;border-radius:15px;background:linear-gradient(145deg,#27c77e,#079151);box-shadow:0 9px 22px rgba(18,168,102,.3)}.brand-title{font-weight:800}.brand-sub{font-size:.75rem;color:#91a99d}.side-label{font-size:.72rem;color:#779186;padding:10px 13px}.side-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:#bcd0c5;padding:12px 14px;border-radius:13px;margin-bottom:5px;font-weight:600}.side-link:hover,.side-link.active{background:rgba(255,255,255,.09);color:#fff}.side-link.active{box-shadow:inset -3px 0 var(--brand)}.side-icon{width:24px;text-align:center}.sidebar-user{margin-top:auto;background:rgba(255,255,255,.06);border-radius:16px;padding:13px}.avatar{width:40px;height:40px;border-radius:13px;background:var(--brand);color:#fff;font-weight:800}.app-main{margin-right:270px;min-height:100vh}.topbar{height:82px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;z-index:1020}.page-wrap{padding:30px;max-width:1500px;margin:auto}.page-kicker{color:var(--brand);font-weight:700;font-size:.82rem}.page-title{font-weight:800;letter-spacing:-.03em}.soft-card{background:#fff;border:1px solid rgba(218,226,221,.8);border-radius:20px;box-shadow:var(--shadow)}.metric-card{padding:21px;height:100%;position:relative;overflow:hidden}.metric-icon{width:48px;height:48px;border-radius:15px;background:var(--brand-soft);color:var(--brand-dark);font-size:1.3rem}.metric-value{font-size:2rem;font-weight:800}.metric-label{color:var(--muted)}.metric-card:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:var(--brand-soft);left:-35px;bottom:-40px}.btn-brand{background:var(--brand);border-color:var(--brand);color:#fff;border-radius:12px;padding:.7rem 1.1rem;font-weight:700}.btn-brand:hover{background:var(--brand-dark);color:#fff}.modern-table{margin:0}.modern-table th{font-size:.78rem;color:var(--muted);background:#fafbf9;padding:15px 20px}.modern-table td{padding:17px 20px;vertical-align:middle}.role-badge{background:var(--brand-soft);color:var(--brand-dark);padding:6px 10px;border-radius:9px;font-weight:700;font-size:.78rem}.guest-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,520px) 1fr}.login-pane{display:flex;align-items:center;padding:48px;background:#fff}.login-box{width:100%;max-width:410px;margin:auto}.login-logo{width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,#29ca80,#069153);color:#fff;font-size:1.5rem;box-shadow:0 12px 28px rgba(18,168,102,.25)}.login-visual{margin:22px;border-radius:28px;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.16),transparent 32%),linear-gradient(145deg,#143b2b,#07945a);color:#fff;display:flex;align-items:center;justify-content:center;padding:70px}.visual-inner{max-width:560px}.visual-orb{width:220px;height:220px;border-radius:42% 58% 60% 40%;background:rgba(255,255,255,.1);display:grid;place-items:center;margin:0 auto 45px;font-size:5rem;box-shadow:0 0 0 25px rgba(255,255,255,.04)}.form-control{border-radius:12px;border-color:#dfe5e1;padding:.78rem 1rem}.form-control:focus{border-color:var(--brand);box-shadow:0 0 0 .22rem rgba(18,168,102,.12)}.permission-item{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}.permission-item:hover{border-color:#9ed9bb;background:#f9fdfa}.mobile-menu{display:none}.alert{border-radius:13px}@media(max-width:991.98px){.sidebar{transform:translateX(100%);transition:.25s}.sidebar.open{transform:none;box-shadow:-20px 0 50px rgba(0,0,0,.18)}.app-main{margin-right:0}.mobile-menu{display:inline-flex}.page-wrap{padding:20px}.guest-shell{grid-template-columns:1fr}.login-visual{display:none}.login-pane{min-height:100vh;padding:25px}.topbar{height:70px}}@media(max-width:575.98px){.page-wrap{padding:16px}.metric-value{font-size:1.65rem}.modern-table th,.modern-table td{padding:13px}}