:root{--bg: #f6f8fc;--surface: #ffffff;--border: rgba(15, 23, 42, .12);--text: #0f172a;--muted: #475569;--primary: #1976d2;--primary-600: #1565c0;--danger: #c62828;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 10px 24px rgba(15, 23, 42, .1);--ring: 0 0 0 4px rgba(25, 118, 210, .14)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit}.app-shell{display:flex;min-height:100vh;background:var(--bg)}.app-main{flex:1;min-width:0;min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1}.app-topbar{display:flex;justify-content:flex-end;align-items:center;padding:16px 22px 0}.app-logoutBtn{border:1px solid rgba(198,40,40,.28);background:#c6282814;color:#8b1e1e;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700;transition:background .12s ease,transform 80ms ease,box-shadow .12s ease}.app-logoutBtn:hover{background:#c6282824}.app-logoutBtn:active{transform:translateY(1px)}.app-logoutBtn:focus-visible{outline:none;box-shadow:0 0 0 4px #c628281f}.app-footer{padding:14px 22px 18px;text-align:center;color:var(--muted);font-size:.92rem}@media(max-width:900px){.app-shell{flex-direction:column}.app-topbar{padding:12px 16px 0}}@media(max-width:640px){.app-topbar{padding:10px 12px 0}.app-footer{padding:12px 12px 16px;font-size:.88rem}.app-logoutBtn{width:100%}}.sidebar{width:240px;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;background:radial-gradient(900px 500px at 20% 10%,rgba(25,118,210,.24),transparent 60%),#0b1220;color:#ffffffeb;padding:16px 14px;border-right:1px solid rgba(255,255,255,.1)}.sidebar-header{display:flex;flex-direction:column;gap:10px}.sidebar-title{margin:0;font-size:16px;line-height:1.2;letter-spacing:.2px}.sidebar-lang{display:flex;gap:8px}.sidebar-langBtn{border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#fff;padding:6px 8px;border-radius:10px;cursor:pointer;font-weight:700;font-size:12px}.sidebar-langBtn.active{background:#1976d259;border-color:#1976d2a6}.sidebar ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;flex:1;overflow:auto}.sidebar li{border-radius:12px;border:1px solid transparent;transition:background .12s ease,border-color .12s ease,transform 80ms ease}.sidebar-link{display:block;width:100%;padding:10px;color:inherit;text-decoration:none;border-radius:12px}.sidebar li:hover{background:#ffffff17}.sidebar li.active{background:#1976d238;border-color:#1976d28c;box-shadow:inset 3px 0 #1976d2}.sidebar li.disabled{opacity:.6;cursor:not-allowed}@media(max-width:900px){.sidebar{width:100%;height:auto;position:static;padding:14px 12px;border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar ul{flex-direction:row;flex-wrap:wrap;gap:8px;overflow:visible}.sidebar li{flex:1 1 160px}}@media(max-width:640px){.sidebar-header{gap:8px}.sidebar-title{font-size:15px}.sidebar-lang{flex-wrap:wrap}.sidebar li{flex-basis:100%}}.saudiTimeBadge{display:flex;gap:8px;align-items:center;margin:10px 0 14px;padding:8px 10px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ffffffeb;font-size:12px}.saudiTimeBadge-label{opacity:.85}.saudiTimeBadge-time{font-weight:800;letter-spacing:.4px}