.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:var(--sp-4)}.login-card{width:100%;max-width:400px;padding:var(--sp-12) var(--sp-8);text-align:center;display:flex;flex-direction:column;gap:var(--sp-6)}.login-card__header{display:flex;flex-direction:column;gap:var(--sp-2)}.login-card__title{font-size:var(--fs-2xl);font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.login-card__title-ar{font-weight:400;color:var(--text-secondary)}.login-card__subtitle{font-size:var(--fs-sm);color:var(--text-tertiary);font-weight:400}.login-card__error{padding:var(--sp-3) var(--sp-4);background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);color:var(--danger);font-size:var(--fs-sm)}.login-card__google-btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);background:var(--blue);color:var(--text-primary);font-size:var(--fs-sm);font-weight:600;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.login-card__google-btn:hover{background:#0070e0}.login-card__tagline{font-size:var(--fs-xs);color:var(--text-tertiary);margin-top:var(--sp-2)}:root{--bg: #171717;--bg-subtle: #121212;--bg-muted: #1E1E1E;--bg-card-glass: rgba(38,38,38,.7);--glass-bg: rgba(38,38,38,.55);--glass-strong: rgba(38,38,38,.8);--glass-blur: 16px;--border-glass: rgba(255,255,255,.08);--blue: #0080FF;--green: #22C55E;--purple: #8B00FF;--danger: #EF4444;--warning: #F59E0B;--text-primary: #FFFFFF;--text-secondary: #A0A0A0;--text-tertiary: #666666;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-12: 48px;--sp-16: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 16px;--fs-lg: 20px;--fs-xl: 24px;--fs-2xl: 32px;--z-sidebar: 20;--z-topbar: 30;--z-dropdown: 40;--z-modal: 50;--z-toast: 60;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text-primary);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{min-height:100vh}a{color:var(--blue);text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-glass);border-radius:var(--radius-lg)}.glass-card-strong{background:var(--glass-strong);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-glass);border-radius:var(--radius-lg)}.toast-container{position:fixed;bottom:var(--sp-6);right:var(--sp-6);z-index:var(--z-toast);display:flex;flex-direction:column-reverse;gap:var(--sp-2);pointer-events:none}.toast{pointer-events:auto;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:500;display:flex;align-items:center;gap:var(--sp-2);min-width:280px;max-width:420px;animation:toast-slide-in var(--transition-slow) ease forwards;box-shadow:0 4px 12px #0006}.toast--success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:var(--green)}.toast--error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:var(--danger)}.toast--info{background:#0080ff26;border:1px solid rgba(0,128,255,.3);color:var(--blue)}.toast--exit{animation:toast-slide-out var(--transition-base) ease forwards}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);z-index:var(--z-modal);gap:var(--sp-6)}.loading-logo{font-size:var(--fs-2xl);font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-glass);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;height:100vh;position:fixed;left:0;top:0;background:var(--bg-subtle);border-right:1px solid var(--border-glass);display:flex;flex-direction:column;z-index:var(--z-sidebar);transition:transform var(--transition-slow)}.sidebar--collapsed{transform:translate(-100%)}.sidebar__header{padding:var(--sp-6) var(--sp-4);border-bottom:1px solid var(--border-glass)}.sidebar__logo{font-size:var(--fs-lg);font-weight:700;color:var(--text-primary)}.sidebar__nav{flex:1;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-1)}.sidebar__nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--fs-sm);font-weight:500;transition:background var(--transition-fast),color var(--transition-fast);text-decoration:none}.sidebar__nav-item:hover:not(.sidebar__nav-item--disabled){background:var(--bg-muted);color:var(--text-primary)}.sidebar__nav-item--active{background:#0080ff1a;color:var(--blue)}.sidebar__nav-item--disabled{opacity:.35;cursor:not-allowed}.sidebar__user{padding:var(--sp-4);border-top:1px solid var(--border-glass);display:flex;align-items:center;gap:var(--sp-3)}.sidebar__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--bg-muted)}.sidebar__user-info{flex:1;min-width:0}.sidebar__user-name{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{font-size:var(--fs-xs);color:var(--text-tertiary);text-transform:capitalize}.sidebar__logout-btn{padding:var(--sp-2);color:var(--text-tertiary);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.sidebar__logout-btn:hover{color:var(--danger);background:#ef44441a}.main-content{flex:1;margin-left:260px;padding:var(--sp-8);min-height:100vh;transition:margin-left var(--transition-slow)}.main-content--expanded{margin-left:0}.hamburger-btn{display:none;position:fixed;top:var(--sp-4);left:var(--sp-4);z-index:var(--z-topbar);padding:var(--sp-2);background:var(--glass-strong);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:calc(var(--z-sidebar) - 1)}@media(max-width:768px){.hamburger-btn{display:flex}.sidebar{transform:translate(-100%)}.sidebar--mobile-open{transform:translate(0)}.sidebar-overlay--visible{display:block}.main-content{margin-left:0;padding:var(--sp-4);padding-top:calc(var(--sp-4) + 48px)}}.role-badge{display:inline-flex;align-items:center;padding:2px var(--sp-2);border-radius:var(--sp-1);font-size:var(--fs-xs);font-weight:600;text-transform:capitalize}.role-badge--super_admin{background:#8b00ff26;color:var(--purple)}.role-badge--admin{background:#0080ff26;color:var(--blue)}.role-badge--member{background:#a0a0a026;color:var(--text-secondary)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-glass)}.data-table td{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-glass);vertical-align:middle}.data-table tr:hover{background:#ffffff05}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-4)}.shortcut-card{padding:var(--sp-6);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center;transition:border-color var(--transition-fast)}.shortcut-card--disabled{opacity:.4;cursor:not-allowed}.shortcut-card:not(.shortcut-card--disabled):hover{border-color:#ffffff26}.shortcut-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:#0080ff1a;color:var(--blue)}.shortcut-card__title{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary)}.shortcut-card__desc{font-size:var(--fs-xs);color:var(--text-tertiary)}.role-select{background:var(--bg-muted);color:var(--text-primary);border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:var(--sp-1) var(--sp-2);font-size:var(--fs-sm);font-family:inherit;cursor:pointer;outline:none}.role-select:focus{border-color:var(--blue)}.page-header{margin-bottom:var(--sp-8)}.page-header__title{font-size:var(--fs-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--sp-1)}.page-header__subtitle{font-size:var(--fs-sm);color:var(--text-tertiary)}.status-toggle{display:inline-flex;align-items:center;gap:var(--sp-2)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot--active{background:var(--green)}.status-dot--inactive{background:var(--danger)}