.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f8fafc,#eef2ff);padding:1.5rem}.login-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.25rem;padding:3rem 2.5rem;box-shadow:0 4px 24px #0f172a14;animation:fadeIn .6s ease-out}.login-logo{text-align:center;margin-bottom:2rem}.login-logo h2{font-size:1.8rem;font-weight:800;color:var(--text-main);letter-spacing:-.5px}.login-logo span{color:var(--primary)}.login-form .form-group{margin-bottom:1.5rem}.login-form label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem;margin-right:.5rem}.login-input-wrapper{position:relative}.login-input-wrapper i{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.login-input{width:100%;background:#f8fafc;border:1px solid var(--border-color);border-radius:.75rem;padding:.85rem 2.8rem .85rem 1rem;color:var(--text-main);transition:var(--transition)}.login-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #ef44441a}.btn-login{width:100%;background:var(--primary);color:#fff;padding:1rem;border-radius:1rem;font-weight:700;font-size:1rem;margin-top:1rem;transition:var(--transition);box-shadow:0 10px 15px -3px #ef44444d}.btn-login:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 15px 20px -3px #ef444466}.main-admin-navbar{position:fixed;top:0;inset-inline:0;z-index:9999!important;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 4px 20px #00000014;transition:all .3s ease}.admin-header-container{height:75px;max-width:1800px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-section{display:flex;align-items:center;gap:12px}.brand-logo{width:45px;height:45px;border-radius:12px;background:#fff;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;overflow:hidden}.brand-logo img{width:100%;height:100%;object-fit:contain}.brand-title{font-size:20px;font-weight:800;color:#1e293b;margin:0}.brand-highlight{color:#ef4444}.brand-subtitle{font-size:10px;color:#94a3b8;margin:0;line-height:1}.admin-nav{display:flex;justify-content:center;gap:5px}.nav-item{display:flex;align-items:center;gap:8px;padding:10px 15px;border-radius:10px;color:#64748b;text-decoration:none;font-size:14px;font-weight:600;transition:.2s}.nav-item:hover{background:#f1f5f9;color:#ef4444}.nav-item.active{background:#fee2e2;color:#ef4444}.header-actions{display:flex;align-items:center;gap:10px}.search-wrapper{position:relative}.search-input{width:200px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:8px 12px 8px 35px;outline:none;font-size:13px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#94a3b8}.action-btn{width:40px;height:40px;border:none;border-radius:10px;background:#f8fafc;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.action-btn:hover{background:#ef4444;color:#fff}.chat-header-btn{position:relative;text-decoration:none}.chat-header-btn.is-active{background:#eef2ff;color:#6366f1}.notification-badge{position:absolute;top:-4px;left:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #fff;line-height:1}.notification-badge--dot{min-width:10px;width:10px;height:10px;padding:0}.admin-header-alerts{position:relative;display:flex;align-items:center}.dashboard-alerts-toggle{position:relative}.admin-header-alerts.is-open .dashboard-alerts-toggle{background:#eef2ff;color:#6366f1}.admin-header-alerts__panel{display:flex;align-items:center;gap:8px;animation:adminAlertsIn .2s ease}@keyframes adminAlertsIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.admin-nav-unread-badge{position:absolute;top:-6px;left:-6px;min-width:16px;height:16px;padding:0 3px;border-radius:999px;background:#ef4444;color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #ffffff}.admin-nav-unread-pill{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#fee2e2;color:#dc2626;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.profile-card{display:flex;align-items:center;gap:10px;padding:5px 10px;border:1px solid #f1f5f9;border-radius:12px;background:#f8fafc}.profile-name{font-size:13px;font-weight:700;color:#1e293b;margin:0}.profile-role{font-size:10px;color:#94a3b8}.profile-avatar{width:36px;height:36px;border-radius:10px;background:#eef2ff;color:#6366f1;display:flex;align-items:center;justify-content:center}.header-status-bar{background:#f8fafc;padding:3px 24px;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;font-size:10px;color:#94a3b8}.status-indicator{display:inline-block;width:6px;height:6px;background:#22c55e;border-radius:50%;margin-left:6px}@media (max-width: 1023px){.brand-subtitle,.profile-info,.header-status-bar .last-login{display:none}}@media (min-width: 1024px){.admin-menu-toggle{display:inline-flex!important}}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/cairo/cairo-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/cairo/cairo-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/cairo/cairo-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/cairo/cairo-arabic-700-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/cairo/cairo-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/cairo/cairo-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:800;src:url(/fonts/cairo/cairo-arabic-800-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:800;src:url(/fonts/cairo/cairo-latin-ext-800-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo;font-style:normal;font-display:swap;font-weight:800;src:url(/fonts/cairo/cairo-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/tajawal/tajawal-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/tajawal/tajawal-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/tajawal/tajawal-arabic-500-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/tajawal/tajawal-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/tajawal/tajawal-arabic-700-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/tajawal/tajawal-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.pwa-banner{position:fixed;left:0;right:0;z-index:9001;padding:0 .75rem;bottom:calc(.85rem + env(safe-area-inset-bottom,0px));pointer-events:none;animation:pwa-banner-in .38s ease-out}@media (min-width: 768px){.pwa-banner{bottom:1rem;max-width:28rem;margin-inline:auto}}@keyframes pwa-banner-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pwa-banner__inner{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:.65rem .75rem;padding:.85rem 2.5rem .85rem .85rem;border-radius:1.1rem;background:#fffffff7;border:1px solid #e5e7eb;box-shadow:0 14px 36px #0f172a24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.pwa-banner__icon{flex-shrink:0;width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:.75rem;color:#059669;background:#ecfdf5}.pwa-banner__text{flex:1 1 12rem;margin:0;font-size:.82rem;line-height:1.45;font-weight:800;color:#374151}.pwa-banner__actions{display:flex;align-items:center;gap:.45rem;margin-inline-start:auto}.pwa-banner__btn{border:none;border-radius:.7rem;padding:.45rem .85rem;font-size:.78rem;font-weight:900;font-family:inherit;cursor:pointer}.pwa-banner__btn--ghost{color:#6b7280;background:#f3f4f6}.pwa-banner__btn--primary{color:#fff;background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 14px #05966947}.pwa-banner__close{position:absolute;top:.55rem;left:.55rem;width:1.65rem;height:1.65rem;display:grid;place-items:center;border:none;border-radius:999px;background:#f3f4f6;color:#6b7280;cursor:pointer}.pwa-install-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9100;display:flex;align-items:flex-end;justify-content:center;padding:.75rem;padding-bottom:calc(.85rem + env(safe-area-inset-bottom,0px))}@media (min-width: 640px){.pwa-install-overlay{align-items:center;padding:1.5rem}}.pwa-install-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}.pwa-install-card{position:relative;z-index:1;width:min(100%,24rem);padding:1.25rem 1.15rem 1.1rem;border-radius:1.35rem;background:#fff;border:1px solid #e5e7eb;box-shadow:0 24px 60px #0f172a38;animation:pwa-card-in .32s ease}@keyframes pwa-card-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.pwa-install-card__close{position:absolute;top:.65rem;left:.65rem;width:2rem;height:2rem;border:none;border-radius:999px;display:grid;place-items:center;color:#9ca3af;background:#f3f4f6;cursor:pointer}.pwa-install-card__hero{display:flex;flex-direction:column;align-items:center;gap:.65rem;margin-bottom:.85rem}.pwa-install-card__phone{width:5.5rem;height:9rem;border-radius:1.1rem;border:3px solid #111827;background:#f9fafb;position:relative;box-shadow:0 10px 24px #0f172a26}.pwa-install-card__phone-notch{width:2rem;height:.35rem;border-radius:999px;background:#111827;margin:.35rem auto 0}.pwa-install-card__phone-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;height:calc(100% - .85rem);padding:.5rem}.pwa-install-card__logo{width:3rem;height:3rem;border-radius:.75rem;object-fit:contain}.pwa-install-card__phone-label{font-size:.62rem;font-weight:900;color:#374151}.pwa-install-card__badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:999px;font-size:.68rem;font-weight:900;color:#ef4444;background:#fef2f2}.pwa-install-card__title{margin:0 0 .35rem;text-align:center;font-size:1.12rem;font-weight:900;color:#111827}.pwa-install-card__desc{margin:0 0 .85rem;text-align:center;font-size:.82rem;font-weight:700;color:#6b7280}.pwa-install-card__benefits{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.45rem}.pwa-install-card__benefits li{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:800;color:#374151}.pwa-install-card__check{color:#059669;font-weight:900}.pwa-install-card__benefit-icon{color:#9ca3af;flex-shrink:0}.pwa-install-card__actions{display:grid;grid-template-columns:1fr 1.35fr;gap:.55rem}.pwa-install-card__btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:none;border-radius:.85rem;padding:.7rem .85rem;font-size:.82rem;font-weight:900;font-family:inherit;cursor:pointer;transition:transform .15s ease}.pwa-install-card__btn:active{transform:scale(.98)}.pwa-install-card__btn--ghost{color:#6b7280;background:#f3f4f6}.pwa-install-card__btn--primary{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 20px #ef444438}.pwa-install-card__btn:disabled{opacity:.75;cursor:wait}.pwa-tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9200;display:flex;align-items:center;justify-content:center;padding:1rem}.pwa-tutorial-card{position:relative;z-index:1;width:min(100%,22rem);padding:1.15rem 1rem 1rem;border-radius:1.35rem;background:#fff;border:1px solid #e5e7eb;box-shadow:0 24px 60px #0f172a38;animation:pwa-card-in .32s ease}.pwa-tutorial-illustration{display:flex;justify-content:center;margin-bottom:.85rem}.pwa-tutorial-illustration__home{position:relative;width:11rem;height:8.5rem;border-radius:1rem;background:linear-gradient(180deg,#1e293b,#0f172a);border:1px solid #334155}.pwa-tutorial-illustration__app-icon{position:absolute;left:50%;bottom:1.1rem;transform:translate(-50%);width:3.1rem;height:3.1rem;border-radius:.85rem;background:#1e293b;border:2px solid #ef4444;display:grid;place-items:center;box-shadow:0 8px 18px #ef444424}.pwa-tutorial-illustration__app-icon img{width:2.2rem;height:2.2rem;border-radius:.55rem;object-fit:contain}.pwa-tutorial-illustration__press-hint{position:absolute;left:50%;bottom:4.55rem;transform:translate(-50%);font-size:.62rem;font-weight:900;color:#ef4444;white-space:nowrap}.pwa-tutorial-illustration__menu{position:absolute;left:50%;bottom:4.7rem;transform:translate(-50%);min-width:7.5rem;padding:.35rem;border-radius:.65rem;background:#fffffff5;border:1px solid #e5e7eb;box-shadow:0 10px 24px #0f172a1f}.pwa-tutorial-illustration__menu-item{display:flex;align-items:center;gap:.35rem;padding:.28rem .4rem;font-size:.62rem;font-weight:800;color:#374151}.pwa-tutorial-card__title{margin:0 0 .35rem;text-align:center;font-size:1.05rem;font-weight:900;color:#111827}.pwa-tutorial-card__body{margin:0 0 .85rem;text-align:center;font-size:.8rem;font-weight:700;color:#4b5563;line-height:1.45}.pwa-tutorial-card__ok{width:100%}.brand-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2.5rem 1rem}.brand-loading__logo{width:48px;height:48px;object-fit:contain;border-radius:12px;box-shadow:0 4px 16px #ef444426}.brand-loading__row{display:flex;align-items:center;gap:.5rem}.brand-loading__spinner{animation:brand-loading-spin .9s linear infinite;flex-shrink:0}.brand-loading__icon{color:#ef44448c}.brand-loading__icon--dark{color:#ffffff59}.brand-loading__text{font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--text-muted)}.brand-loading__text--dark{font-size:11px;font-weight:700;letter-spacing:.02em;color:#ffffff73}@keyframes brand-loading-spin{to{transform:rotate(360deg)}}.brand-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc;transition:opacity .42s ease;opacity:1;pointer-events:auto}.brand-splash--fading{opacity:0;pointer-events:none}.brand-splash__logo-wrap{display:flex;align-items:center;justify-content:center;width:7rem;height:7rem;margin-bottom:1.25rem;border-radius:1.5rem;background:#fff;border:1px solid #e2e8f0;padding:.75rem;box-shadow:0 4px 24px #0f172a14}.brand-splash__title{margin:0;font-size:1.65rem;font-weight:900;color:#0f172a}.brand-splash__logo{width:100%;height:100%;object-fit:contain}.brand-splash__tagline{margin:.35rem 0 0;font-size:.85rem;font-weight:700;color:var(--text-muted)}.brand-splash__slogan{margin:1rem 0 0;min-height:1.5rem;max-width:16rem;text-align:center;font-size:.9rem;font-weight:800;color:#64748b;animation:brand-splash-fade .38s ease}@keyframes brand-splash-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}:root{--bg-dark: #f8fafc;--bg-card: #ffffff;--bg-input: #ffffff;--primary: #ef4444;--primary-hover: #dc2626;--secondary: #6366f1;--text-main: #0f172a;--text-muted: #64748b;--border-color: #e2e8f0;--success: #16a34a;--warning: #d97706;--danger: #ef4444;--radius-lg: 1rem;--radius-md: .75rem;--shadow: 0 1px 3px rgba(15, 23, 42, .06), 0 4px 12px rgba(15, 23, 42, .04);--shadow-hover: 0 4px 16px rgba(15, 23, 42, .08);--transition: all .2s cubic-bezier(.4, 0, .2, 1);--header-height: 105px;--sidebar-width: 256px;--sidebar-offset: 256px;--sidebar-transition: .32s cubic-bezier(.4, 0, .2, 1)}*{font-family:Cairo,sans-serif;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9;box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-main);margin:0;-webkit-font-smoothing:antialiased}.admin-page-container{padding:2rem;padding-top:calc(var(--header-height) + 2rem);margin-right:0;min-height:100vh;animation:fadeIn .5s ease-out}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.admin-header{margin-bottom:2.5rem;display:flex;justify-content:space-between;align-items:flex-start}.admin-title h1{font-size:1.875rem;font-weight:800;color:var(--text-main);margin-bottom:.5rem;letter-spacing:-.02em}.admin-title p{color:var(--text-muted);font-size:.95rem}.admin-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow);transition:var(--transition)}.admin-card:hover{border-color:#cbd5e1;box-shadow:var(--shadow-hover)}.admin-table-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}.admin-table{width:100%;border-collapse:collapse;text-align:right}.admin-table thead{background:#f8fafc}.admin-table th{padding:1.25rem 1.5rem;color:var(--text-muted);font-weight:600;font-size:.85rem;text-transform:uppercase;border-bottom:1px solid var(--border-color)}.admin-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);color:var(--text-main);font-size:.95rem}.admin-table tr:hover{background:#f8fafc}.btn-primary{background:var(--primary);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:700;display:flex;align-items:center;gap:.5rem;transition:var(--transition);box-shadow:0 4px 14px #ef44444d}.admin-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem 1rem;color:var(--text-main);transition:var(--transition)}.admin-input:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px #6366f11f}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-toast-stack{position:fixed;top:calc(var(--header-height) + 12px);left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:.5rem;width:min(92vw,24rem);pointer-events:none}.admin-toast{padding:.85rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:700;color:#fff;box-shadow:var(--shadow);animation:fadeIn .25s ease-out}.admin-toast--success{background:var(--success)}.admin-toast--error{background:var(--danger)}.admin-toast--info{background:var(--secondary)}@media (max-width: 1023px){.admin-page-container{margin-right:0;padding:1rem;padding-top:calc(var(--header-height) + 1rem)}}.admin-shell-main,.admin-shell-footer{--admin-content-inline-end: 1.5rem;padding-right:var(--admin-content-inline-end);transition:padding-right var(--sidebar-transition)}@media (min-width: 640px){.admin-shell-main,.admin-shell-footer{--admin-content-inline-end: 3rem}}@media (min-width: 1024px){.admin-shell-main,.admin-shell-footer{padding-right:calc(var(--sidebar-offset) + var(--admin-content-inline-end))}.admin-shell--sidebar-collapsed,body.admin-shell--sidebar-collapsed{--sidebar-offset: 0px}.admin-shell--sidebar-expanded,body.admin-shell--sidebar-expanded{--sidebar-offset: var(--sidebar-width)}}.admin-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#334155;cursor:pointer;flex-shrink:0;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.admin-menu-toggle:hover{background:#fff;border-color:#fecaca;color:var(--primary);box-shadow:0 1px 4px #ef44441f}.admin-menu-toggle:focus-visible{outline:2px solid #fecaca;outline-offset:2px}.admin-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:#0f172a40;border:none;cursor:pointer;animation:adminSidebarBackdropIn .28s ease}@keyframes adminSidebarBackdropIn{0%{opacity:0}to{opacity:1}}.admin-sidebar{width:var(--sidebar-width);background:#fff;border-left:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;right:0;top:105px;height:calc(100vh - 105px);z-index:9999;transform:translate(0);visibility:visible;pointer-events:auto;transition:transform var(--sidebar-transition),visibility var(--sidebar-transition),box-shadow var(--sidebar-transition),width var(--sidebar-transition);box-shadow:-4px 0 24px #0f172a0a;will-change:transform}.admin-sidebar-brand{display:flex;align-items:center;gap:12px;padding:1rem 1rem .75rem;border-bottom:1px solid var(--border-color);overflow:hidden}.admin-sidebar-brand__logo{width:48px;height:48px;border-radius:12px;object-fit:contain;background:#fff;border:1px solid var(--border-color);padding:4px;flex-shrink:0}.admin-sidebar-brand__text{min-width:0}.admin-sidebar-brand__title{margin:0;font-size:14px;font-weight:800;color:var(--text-main);white-space:nowrap}.admin-sidebar-brand__tagline{margin:2px 0 0;font-size:10px;color:var(--text-muted);white-space:nowrap}.admin-sidebar-nav{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1.5rem}.admin-sidebar-group{display:flex;flex-direction:column;gap:.35rem}.admin-sidebar-group__title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;padding:0 1rem;margin-bottom:.35rem}.admin-sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.75rem;text-decoration:none;transition:background .25s ease,color .25s ease,border-color .25s ease;position:relative}.admin-sidebar-link--home{margin-bottom:.25rem}.admin-sidebar-link--idle{color:var(--text-muted);border:1px solid transparent}.admin-sidebar-link--idle:hover{background:#f1f5f9;color:var(--text-main)}.admin-sidebar-link--active{background:#fef2f2;color:var(--primary);font-weight:700;box-shadow:none;transform:none;border:1px solid #fecaca}.admin-sidebar-footer{padding:1rem;border-top:1px solid var(--border-color);background:#f8fafc;display:flex;flex-direction:column;gap:.5rem}.admin-sidebar-install{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;border-radius:.75rem;background:#eff6ff;color:#2563eb;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.admin-sidebar-logout{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;border-radius:.75rem;background:transparent;color:#ef4444d9;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s}.admin-sidebar-logout:hover{color:var(--danger);background:#ef44441a}body.admin-sidebar-open{overflow:hidden}@media (max-width: 1023px){.admin-shell-main,.admin-shell-footer{padding-right:var(--admin-content-inline-end)!important}.admin-sidebar{width:min(280px,85vw);transform:translate(100%);visibility:hidden;pointer-events:none;box-shadow:-8px 0 32px #0f172a1f}.admin-sidebar--open{transform:translate(0);visibility:visible;pointer-events:auto}}@media (min-width: 1024px){.admin-sidebar--collapsed{transform:translate(100%);visibility:hidden;pointer-events:none}.admin-header-container{grid-template-columns:auto 1fr}.header-actions{justify-self:end}}
