:root{
    --primary:#b5121b;
    --primary-dark:#870d14;
    --dark:#151515;
    --muted:#6b7280;
    --bg:#f4f5f7;
    --card:#ffffff;
    --line:#e5e7eb;
}
*{box-sizing:border-box}
html[dir="ar"],html[dir="rtl"]{direction:rtl}
html[dir="ltr"]{direction:ltr}
body{margin:0;background:var(--bg);font-family:Tahoma,Arial,sans-serif;color:#111827}
a{text-decoration:none}
.app-shell{display:flex;min-height:100vh}
.sidebar{width:280px;background:linear-gradient(180deg,var(--dark),#2b1113);color:#fff;padding:24px;position:fixed;top:0;bottom:0;right:0;overflow:auto}
html[dir="ltr"] .sidebar{right:auto;left:0}
.brand{display:flex;gap:12px;align-items:center}
.brand-mark{width:54px;height:54px;border-radius:16px;background:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:21px;box-shadow:0 10px 30px rgba(181,18,27,.35)}
.brand-title{font-size:18px;font-weight:800}.brand-subtitle{font-size:12px;color:#d1d5db}
.language-switch{display:flex;gap:8px;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:6px}
.language-switch a{color:#e5e7eb;border-radius:12px;padding:8px 10px;font-weight:700;font-size:13px;flex:1;text-align:center}
.language-switch a.active,.language-switch a:hover{background:#fff;color:var(--primary)}
.login-language{background:#f8fafc;border-color:var(--line)}
.login-language a{color:#374151}.login-language a.active,.login-language a:hover{background:var(--primary);color:#fff}
.sidebar .nav-link{color:#e5e7eb;border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:10px;font-weight:600}
.sidebar .nav-link:hover,.sidebar .nav-link.active{background:rgba(255,255,255,.12);color:#fff}
.main-content{margin-right:280px;width:calc(100% - 280px);padding:28px}
html[dir="ltr"] .main-content{margin-right:0;margin-left:280px}
.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:18px}
.topbar h1{font-size:26px;font-weight:900;margin:0}.topbar p{margin:5px 0 0;color:var(--muted)}
.user-chip{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px 14px;box-shadow:0 12px 30px rgba(15,23,42,.06)}
.user-chip img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#f3f4f6}.user-chip strong{display:block}.user-chip span{display:block;color:var(--muted);font-size:12px}
.cardx{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 16px 40px rgba(15,23,42,.06);padding:22px}
.stat{display:flex;align-items:center;gap:16px}.stat-icon{width:54px;height:54px;border-radius:18px;background:#fff0f1;color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:24px}.stat-number{font-size:28px;font-weight:900}.stat-label{color:var(--muted);font-weight:600}
.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}
.table{vertical-align:middle}.table thead th{color:#374151;background:#f9fafb;border-bottom:1px solid var(--line);font-size:13px}.table td{font-size:14px}.avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#f3f4f6;border:1px solid var(--line)}
.badge{font-weight:700}.form-control,.form-select{border-radius:14px;padding:11px 13px}.form-label{font-weight:700;color:#374151}.footer{color:var(--muted);text-align:center;margin-top:24px;font-size:12px}
.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,#fff 0,#f5f5f5 35%,#2b1113 100%);padding:24px}
html[dir="rtl"] .login-page{background:radial-gradient(circle at top right,#fff 0,#f5f5f5 35%,#2b1113 100%)}
.login-card{width:100%;max-width:430px;background:#fff;border-radius:28px;padding:32px;box-shadow:0 24px 80px rgba(0,0,0,.18)}.login-logo{width:70px;height:70px;border-radius:22px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:25px;margin:auto auto 18px}.login-title{text-align:center;font-weight:900;margin-bottom:5px}.login-subtitle{text-align:center;color:var(--muted);margin-bottom:24px}.alert{border-radius:16px}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.empty-state{text-align:center;padding:38px;color:var(--muted)}
@media(max-width:900px){.sidebar{position:static;width:100%;border-radius:0 0 24px 24px}.app-shell{display:block}.main-content,html[dir="ltr"] .main-content{margin-right:0;margin-left:0;width:100%;padding:18px}.topbar{align-items:flex-start;flex-direction:column}.user-chip{width:100%}}