@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Tajawal,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body.theme-light{background-color:#f5f5f5;color:#111}body.theme-dark{background-color:#05070f;color:#f9fafb}.app-shell{display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1.2rem;border-bottom:1px solid rgba(0,0,0,.06);background:#fffffff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#111}body.theme-dark .app-header{border-bottom-color:#ffffff14;background:#1c2028fa;color:#f9fafb}.app-header-left{display:flex;align-items:center;gap:.75rem}.brand-link{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:inherit}.brand-logo{height:34px}.brand-text{display:flex;flex-direction:column}.brand-title{font-size:.95rem;font-weight:700}.brand-subtitle{font-size:.75rem;opacity:.7}.app-nav{display:flex;align-items:center;gap:.75rem}.nav-link{font-size:.85rem;padding:.4rem .9rem;border-radius:999px;border:1px solid transparent;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease}body.theme-light .nav-link{color:#111}body.theme-dark .nav-link{color:#f9fafb}.nav-link:hover{background:#0000000a}body.theme-dark .nav-link:hover{background:#ffffff14}.nav-link-active{border-color:#f6c711;background:#f6c711;color:#000!important}.nav-link-admin{font-weight:600}.app-header-right{display:flex;align-items:center;gap:.75rem}.theme-toggle{border:none;background:transparent;padding:0;cursor:pointer}.theme-toggle-track{width:54px;height:26px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #0000001f;overflow:hidden;display:flex;align-items:center}body.theme-dark .theme-toggle-track{background:#111827;box-shadow:0 0 0 1px #ffffff2e}.theme-toggle-inner{display:flex;align-items:center;gap:4px;padding:0 6px;transition:justify-content .25s ease;width:auto}.theme-toggle-inner[data-theme=light]{justify-content:flex-end}.theme-toggle-inner[data-theme=dark]{justify-content:flex-start}.theme-toggle-icon{font-size:.95rem;color:#fff;display:flex;align-items:center}.theme-toggle-knob{width:20px;height:20px;border-radius:999px;background:#f6c711;box-shadow:0 4px 10px #00000059}.logout-link{font-size:.8rem;padding:.4rem .8rem;border-radius:999px;border:1px solid rgba(0,0,0,.12);text-decoration:none;color:inherit}body.theme-dark .logout-link{border-color:#ffffff2e}.logout-link:hover{background:#0000000a}body.theme-dark .logout-link:hover{background:#ffffff14}.app-main{flex:1;padding:1.2rem;max-width:1120px;margin:0 auto 1.5rem}.page{width:100%}.card{border-radius:16px;padding:1.1rem 1.2rem;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 20px #0000000a}body.theme-dark .card{background:#0b1020;border-color:#ffffff12;box-shadow:0 16px 40px #0009}.show-on-mobile{display:none}@media(max-width:900px){.app-nav,.brand-subtitle{display:none}.mobile-menu-button{display:flex!important;align-items:center;justify-content:center}.app-header-right .profile-wrapper{display:none!important}.show-on-mobile{display:flex!important}}@media(max-width:600px){.brand-title{font-size:.9rem}.brand-logo{height:30px}.app-main{padding:.9rem;width:100%}}.profile-wrapper{position:relative;display:flex;align-items:center;cursor:pointer}.profile-avatar{width:32px;height:32px;border-radius:999px;background:#0f172a;color:#f9fafb;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}body.theme-dark .profile-avatar{background:#f9fafb;color:#0f172a}.profile-dropdown{position:absolute;top:calc(100% + .6rem);right:0;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0f172a1a;padding:.7rem;z-index:50}body.theme-dark .profile-dropdown{background:#1e293b;box-shadow:0 10px 30px #0006}.info-icon{font-size:.8rem;margin-left:6px;cursor:pointer;opacity:.75}.info-icon:hover{opacity:1}.info-box{margin-top:6px;background:#0000000d;padding:8px 10px;border-radius:8px;font-size:.75rem;line-height:1.3rem}body.theme-dark .info-box{background:#ffffff1a}.toggle-container{display:flex;gap:1rem;margin-top:.4rem}.toggle-option{display:flex;align-items:center;gap:6px;cursor:pointer}.required{color:#e11d48}.profile-box{border:1px solid rgba(0,0,0,.06);border-radius:8px;padding:.45rem;margin-bottom:.45rem;font-size:.82rem}body.theme-dark .profile-box{border-color:#ffffff26}.profile-label{font-size:.7rem;opacity:.7}.profile-value{font-size:.85rem;margin-top:3px}.profile-logout-btn{width:100%;padding:.4rem .7rem;border-radius:999px;border:1px solid rgba(220,38,38,.8);background:transparent;cursor:pointer;font-size:.8rem}.profile-logout-btn:hover{background:#dc262614}body.theme-dark .profile-logout-btn:hover{background:#dc26262e}.mobile-menu-button{display:none;border-radius:10px;border:1px solid rgba(0,0,0,.16);background:transparent;padding:8px 7px;cursor:pointer;color:#111}body.theme-dark .mobile-menu-button{border-color:#ffffff40;color:#f9fafb}.mobile-menu-icon{display:block;width:18px;height:2px;background:currentColor;position:relative;border-radius:999px}.mobile-menu-icon:before,.mobile-menu-icon:after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;border-radius:999px}.mobile-menu-icon:before{top:-5px}.mobile-menu-icon:after{top:5px}.mobile-menu-backdrop{position:fixed;inset:0;background:#0f172a73;z-index:40}.mobile-menu-panel{position:fixed;top:0;bottom:0;right:0;width:260px;max-width:80%;background:#fff;box-shadow:-12px 0 30px #0f172a4d;z-index:41;display:flex;flex-direction:column;padding:.9rem .9rem .9rem 1rem}body.theme-dark .mobile-menu-panel{background:#020617;box-shadow:-16px 0 45px #000000b3}.mobile-menu-header{display:flex;align-items:center;gap:.6rem;padding-bottom:.6rem;margin-bottom:.6rem;border-bottom:1px solid rgba(0,0,0,.06)}body.theme-dark .mobile-menu-header{border-bottom-color:#ffffff1a}.mobile-user-initials{width:34px;height:34px;border-radius:999px;background:#0f172a;color:#f9fafb;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:600}body.theme-dark .mobile-user-initials{background:#f9fafb;color:#0f172a}.mobile-user-info{display:flex;flex-direction:column;gap:2px}.mobile-user-email{font-size:.83rem;font-weight:500}.mobile-user-role{font-size:.75rem;opacity:.75}.mobile-menu-nav{flex:1;display:flex;flex-direction:column;gap:.25rem;margin-top:.4rem}.mobile-menu-link{display:block;padding:.45rem .5rem;border-radius:8px;font-size:.86rem;text-decoration:none;color:inherit;border:1px solid transparent}.mobile-menu-link:hover{background:#0f172a0d}body.theme-dark .mobile-menu-link:hover{background:#f8fafc0f}.mobile-logout-btn{width:100%;padding:.4rem .7rem;border-radius:999px;border:1px solid rgba(220,38,38,.8);background:transparent;cursor:pointer;font-size:.8rem;margin-top:1rem;color:#dc2626e6}.mobile-logout-btn:hover{background:#dc26260f}body.theme-dark .mobile-logout-btn{border-color:#f87171e6;color:#fecaca}body.theme-dark .mobile-logout-btn:hover{background:#dc262629}.mobile-menu-fade-enter-active,.mobile-menu-fade-leave-active{transition:opacity .2s ease}.mobile-menu-fade-enter-from,.mobile-menu-fade-leave-to{opacity:0}.mobile-menu-slide-enter-active,.mobile-menu-slide-leave-active{transition:transform .22s ease-out,opacity .22s ease-out}.mobile-menu-slide-enter-from,.mobile-menu-slide-leave-to{transform:translate(100%);opacity:0}.nav-desktop{display:none;visibility:hidden}@media(min-width:768px){.nav-desktop{display:block}.mobile-menu-button,.mobile-menu-backdrop,.mobile-menu-panel{display:none}}