:root{--brand: #0e9f6e;--brand-dark: #0b7a55;--brand-soft: #e6f6f0;--ink: #14202b;--ink-2: #51606e;--ink-3: #8b98a5;--bg: #f4f6f8;--surface: #ffffff;--line: #e6eaee;--danger: #dc2626;--danger-soft: #fdecec;--warn: #b45309;--warn-soft: #fdf3e3;--ok: #0e9f6e;--ok-soft: #e6f6f0;--radius: 14px;--radius-sm: 10px;--shadow: 0 1px 3px rgba(20, 32, 43, .06), 0 4px 16px rgba(20, 32, 43, .05);--shadow-lg: 0 8px 32px rgba(20, 32, 43, .16)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Tajawal,Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}h1{font-size:22px;font-weight:800;margin:0 0 16px}h2{font-size:17px;font-weight:700;margin:24px 0 12px}h3{font-size:15px;font-weight:700}h4{font-size:14px;font-weight:700;margin:20px 0 10px}a{color:var(--brand-dark);text-decoration:none}.muted{color:var(--ink-3);font-size:13px}.page-sub{color:var(--ink-2);font-size:14px;margin:-10px 0 20px}.layout{min-height:100dvh}.main{padding:16px 16px calc(84px + env(safe-area-inset-bottom));max-width:1080px;margin:0 auto}.topbar{position:sticky;top:0;z-index:40;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.topbar .brand{font-weight:800;font-size:16px;color:var(--brand-dark);display:flex;align-items:center;gap:8px}.topbar .brand .dot{width:10px;height:10px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.topbar .logout{background:none;border:none;color:var(--ink-3);font-family:inherit;font-size:13px;cursor:pointer;padding:6px}.bottomnav{position:fixed;bottom:0;right:0;left:0;z-index:50;background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.bottomnav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--ink-3);padding:4px 8px;border-radius:10px;min-width:56px;text-align:center}.bottomnav a .ico{font-size:20px;line-height:1.2;filter:grayscale(1) opacity(.55)}.bottomnav a.active{color:var(--brand-dark);font-weight:700}.bottomnav a.active .ico{filter:none}.sidebar{display:none}@media(min-width:900px){.layout{display:grid;grid-template-columns:240px 1fr}.topbar,.bottomnav{display:none}.main{padding:32px 40px 60px}.sidebar{display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--line);padding:24px 16px;position:sticky;top:0;height:100dvh}.sidebar .brand{font-weight:800;font-size:18px;color:var(--brand-dark);margin-bottom:28px;display:flex;align-items:center;gap:10px;padding:0 10px}.sidebar .brand .dot{width:11px;height:11px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.sidebar nav{display:flex;flex-direction:column;gap:4px;flex:1}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:var(--radius-sm);color:var(--ink-2);font-weight:500;font-size:14px}.sidebar nav a .ico{font-size:18px;filter:grayscale(1) opacity(.6)}.sidebar nav a:hover{background:var(--bg)}.sidebar nav a.active{background:var(--brand-soft);color:var(--brand-dark);font-weight:700}.sidebar nav a.active .ico{filter:none}.sidebar .logout{background:none;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-2);font-family:inherit;font-size:13px;cursor:pointer;padding:10px}.sidebar .logout:hover{border-color:var(--danger);color:var(--danger)}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:8px}@media(min-width:640px){.cards{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.card .num{font-size:24px;font-weight:800;color:var(--brand-dark)}.card .label{color:var(--ink-2);font-size:12.5px;margin-top:2px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:700;background:var(--bg);color:var(--ink-2)}.badge.ok{background:var(--ok-soft);color:var(--brand-dark)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.off{background:var(--danger-soft);color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--brand);color:#fff;border:none;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;padding:11px 18px;border-radius:var(--radius-sm);transition:background .15s,transform .05s;-webkit-tap-highlight-color:transparent}.btn:hover{background:var(--brand-dark)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.btn.secondary:hover{background:var(--bg)}.btn.danger{background:var(--danger-soft);color:var(--danger)}.btn.danger:hover{background:#fbd9d9}.btn.sm{padding:7px 12px;font-size:12.5px;border-radius:8px}.btn.ghost{background:none;color:var(--brand-dark);padding:6px 10px}label{display:block;font-size:13px;font-weight:700;color:var(--ink-2);margin-bottom:6px}input,select,textarea{width:100%;font-family:inherit;font-size:15px;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:11px 13px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0e9f6e1f}textarea{resize:vertical;min-height:110px;line-height:1.7}.form-grid{display:grid;gap:14px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.checkbox-row{display:flex;align-items:center;gap:9px}.checkbox-row input[type=checkbox]{width:19px;height:19px;accent-color:var(--brand)}.switch{position:relative;width:46px;height:26px;flex:none;cursor:pointer}.switch input{opacity:0;width:0;height:0}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:99px;background:#cdd5dc;transition:background .18s}.switch .track:after{content:"";position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .18s}.switch input:checked+.track{background:var(--brand)}.switch input:checked+.track:after{transform:translate(-20px)}.segmented{display:inline-flex;background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:3px}.segmented button{border:none;background:none;font-family:inherit;font-size:13px;font-weight:700;color:var(--ink-2);padding:7px 16px;border-radius:99px;cursor:pointer}.segmented button.active{background:var(--surface);color:var(--brand-dark);box-shadow:var(--shadow)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:var(--brand-soft);color:var(--brand-dark);border:1px dashed rgba(14,159,110,.45);border-radius:8px;padding:4px 10px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;direction:ltr}.chip:hover{background:#d3efe3}.banner{border-radius:var(--radius-sm);padding:12px 15px;font-size:13.5px;background:var(--brand-soft);color:var(--brand-dark);border:1px solid rgba(14,159,110,.25);margin-bottom:14px}.banner.err{background:var(--danger-soft);color:var(--danger);border-color:#dc262640}.banner.warn{background:var(--warn-soft);color:var(--warn);border-color:#b4530940}.error-msg{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);padding:10px 14px;font-size:13.5px;margin:10px 0}.success-msg{color:var(--brand-dark);background:var(--ok-soft);border-radius:var(--radius-sm);padding:10px 14px;font-size:13.5px;margin:10px 0}table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);font-size:13.5px}th,td{padding:12px 14px;text-align:right;border-bottom:1px solid var(--line)}th{background:#fafbfc;color:var(--ink-2);font-weight:700;font-size:12.5px;white-space:nowrap}tr:last-child td{border-bottom:none}.table-wrap{overflow-x:auto;border-radius:var(--radius);-webkit-overflow-scrolling:touch}.list-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow);margin-bottom:10px}.list-item .li-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.list-item .li-title{font-weight:700;font-size:14.5px}.list-item .li-sub{color:var(--ink-3);font-size:12.5px;margin-top:2px}.event-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:10px;overflow:hidden;transition:border-color .15s}.event-card.open{border-color:var(--brand)}.event-head{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;-webkit-tap-highlight-color:transparent}.event-head .ev-icon{width:42px;height:42px;border-radius:12px;background:var(--brand-soft);display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}.event-head .ev-txt{flex:1;min-width:0}.event-head .ev-title{font-weight:700;font-size:14.5px}.event-head .ev-desc{color:var(--ink-3);font-size:12px;line-height:1.5}.event-body{border-top:1px solid var(--line);padding:16px;background:#fbfcfd}.qr-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#14202b8c;display:flex;align-items:flex-end;justify-content:center}@media(min-width:640px){.qr-modal{align-items:center}}.qr-box{background:var(--surface);border-radius:20px 20px 0 0;padding:24px;width:100%;max-width:420px;text-align:center;box-shadow:var(--shadow-lg);padding-bottom:calc(24px + env(safe-area-inset-bottom))}@media(min-width:640px){.qr-box{border-radius:20px;padding-bottom:24px}}.qr-box img{width:240px;height:240px;border-radius:12px;border:1px solid var(--line)}.login-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(160deg,#0b7a55,#0e9f6e 45%,#34c98e)}.login-box{background:var(--surface);border-radius:20px;box-shadow:var(--shadow-lg);padding:32px 26px;width:100%;max-width:400px}.login-box h1{text-align:center;color:var(--brand-dark);font-size:24px}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,#eef1f4 25%,#f7f9fa,#eef1f4 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.admin-table{width:100%;border-collapse:collapse;font-size:13.5px}.admin-table th,.admin-table td{padding:9px 11px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}.admin-table th{color:var(--ink-2);font-weight:700;background:#fafbfc}.admin-table tr:hover td{background:#f6faf8}.empty{text-align:center;padding:44px 20px;color:var(--ink-3);background:var(--surface);border:1.5px dashed var(--line);border-radius:var(--radius)}.empty .big{font-size:40px;margin-bottom:8px}.guide-step{display:flex;gap:12px;margin-bottom:14px}.guide-step .n{width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex:none;margin-top:2px}code.inline{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:1px 7px;font-size:12.5px;direction:ltr;display:inline-block}.step-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);margin-bottom:12px;border-right:4px solid var(--brand)}