.sidebar-overlay{display:none;margin:0;padding:0;border:0;background:transparent}.sidebar{position:fixed;top:0;right:0;z-index:999;width:var(--sidebar-width);height:100vh;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;padding:22px 16px;color:var(--sidebar-text);background:linear-gradient(180deg,var(--sidebar-background-start),var(--sidebar-background-end));border-left:1px solid rgba(255,255,255,.05);box-shadow:var(--shadow-sidebar)}.sidebar-main{min-height:0;display:flex;flex:1;flex-direction:column}.sidebar-brand{min-height:68px;display:flex;align-items:center;gap:12px;padding:0 10px 22px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand-icon{width:38px;height:44px;display:flex;align-items:center;justify-content:center;flex:0 0 38px;color:var(--color-gold-600);background:transparent;border:0;border-radius:0}.sidebar-brand-icon svg{width:31px;height:31px;stroke-width:1.8}.sidebar-brand-text{min-width:0;display:grid;flex:1;gap:2px}.sidebar-brand-text strong{overflow:hidden;color:#fff;font-size:13px;font-weight:var(--font-weight-extra-bold);text-overflow:ellipsis;white-space:nowrap}.sidebar-brand-text span{overflow:hidden;color:var(--sidebar-text-muted);font-size:9px;font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap}.sidebar-close{display:none;width:36px;height:36px;align-items:center;justify-content:center;flex:0 0 36px;padding:0;color:#c8d0da;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.sidebar-close:hover{color:#fff;background:#ffffff14;border-color:#ffffff21}.sidebar-section{padding:24px 0 0}.sidebar-system-section{padding-top:28px}.sidebar-section-title{display:block;margin-bottom:9px;padding:0 13px;color:var(--sidebar-text-muted);font-size:9px;font-weight:var(--font-weight-bold)}.sidebar-navigation{display:grid;gap:7px}.sidebar-nav-link{position:relative;width:100%;min-height:48px;display:flex;align-items:center;gap:11px;padding:0 13px;color:var(--sidebar-item-text);background:transparent;border:1px solid transparent;border-radius:var(--radius-lg);font-family:inherit;font-size:11px;font-weight:var(--font-weight-bold);text-align:right;text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.sidebar-nav-link svg{width:20px;height:20px;flex:0 0 auto;stroke-width:1.8}.sidebar-nav-link span{min-width:0;flex:1}.sidebar-nav-link:hover:not(.disabled){color:#fff;background:var(--sidebar-item-hover)}.sidebar-nav-link.active{color:#fff;background:var(--sidebar-item-active-background);border-color:var(--sidebar-item-active-border)}.sidebar-nav-link.active svg{color:var(--color-gold-400)}.sidebar-nav-link.active:before{position:absolute;top:10px;right:-1px;width:3px;height:calc(100% - 20px);background:var(--color-gold-600);border-radius:3px 0 0 3px;content:""}.sidebar-nav-link small{display:inline-flex;align-items:center;justify-content:center;padding:3px 6px;color:#778395;background:#ffffff09;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-xs);font-size:8px;font-weight:var(--font-weight-semibold)}.sidebar-nav-link.disabled{color:#697587;cursor:not-allowed;opacity:.72}.sidebar-footer{margin-top:30px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-user-card{min-width:0;display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:11px 10px;background:#ffffff09;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-lg)}.sidebar-user-avatar{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;color:var(--color-gold-400);background:linear-gradient(145deg,var(--color-navy-800),var(--color-navy-950));border:1px solid rgba(185,150,88,.22);border-radius:var(--radius-md);font-size:12px;font-weight:var(--font-weight-extra-bold)}.sidebar-user-info{min-width:0;display:grid;flex:1;gap:2px}.sidebar-user-info strong{overflow:hidden;color:#fff;font-size:11px;font-weight:var(--font-weight-bold);text-overflow:ellipsis;white-space:nowrap}.sidebar-user-info span{overflow:hidden;color:var(--sidebar-text-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.sidebar-logout{width:100%;min-height:40px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;color:#aeb8c6;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);font-family:inherit;font-size:10px;font-weight:var(--font-weight-bold);transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.sidebar-logout:hover{color:#fff;background:#ffffff0e;border-color:#ffffff24}.sidebar-logout svg{width:17px;height:17px}@media(max-width:760px){.sidebar{width:min(82vw,290px);height:100dvh;transform:translate(105%);visibility:hidden;transition:transform var(--transition-normal),visibility var(--transition-normal)}.sidebar.open{transform:translate(0);visibility:visible}.sidebar-close{display:flex}.sidebar-overlay{position:fixed;inset:0;z-index:998;display:block;width:100%;height:100%;opacity:0;visibility:hidden;background:#07101d75;transition:opacity .2s ease,visibility .2s ease}.sidebar.open~.sidebar-overlay{opacity:1;visibility:visible}}@media(min-width:761px){.sidebar-overlay{display:none}}.topbar{position:sticky;top:0;z-index:100;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 28px;background:#fffffff5;border-bottom:1px solid var(--color-border);box-shadow:0 3px 14px #07101d09;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-heading-area{min-width:0;display:flex;align-items:center;gap:14px}.topbar-menu-button{display:none;width:40px;height:40px;align-items:center;justify-content:center;flex:0 0 40px;padding:0;color:var(--color-navy-800);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.topbar-menu-button:hover{color:var(--color-gold-700);background:var(--color-surface-soft);border-color:#d4c19b}.topbar-page-heading{min-width:0}.topbar-page-heading h1{margin:0;overflow:hidden;color:var(--color-text-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-extra-bold);line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.topbar-page-heading p{margin:4px 0 0;overflow:hidden;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.6;text-overflow:ellipsis;white-space:nowrap}.topbar-user-section{min-width:0;display:flex;align-items:center;gap:14px}.topbar-system-status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;color:var(--color-success);background:var(--color-success-background);border:1px solid var(--color-success-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.topbar-system-status svg{width:16px;height:16px;stroke-width:1.8}.topbar-separator{width:1px;height:34px;background:var(--color-border)}.topbar-user{min-width:0;display:flex;align-items:center;gap:11px}.topbar-user-details{min-width:0;max-width:190px;display:grid;gap:2px;text-align:left}.topbar-user-details strong{overflow:hidden;color:var(--color-text-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-extra-bold);text-overflow:ellipsis;white-space:nowrap}.topbar-user-details span{overflow:hidden;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap}.topbar-user-avatar{position:relative;width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;color:var(--color-gold-700);background:linear-gradient(145deg,#fff,#f4f0e8);border:1px solid #dfd0b4;border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);font-size:var(--font-size-base);font-weight:var(--font-weight-extra-bold)}.topbar-user-avatar:after{position:absolute;right:-2px;bottom:-2px;width:9px;height:9px;background:var(--color-success);border:2px solid #ffffff;border-radius:50%;content:""}@media(max-width:760px){.topbar{min-height:70px;padding:12px 18px}.topbar-menu-button{display:flex}.topbar-system-status,.topbar-separator,.topbar-user-details{display:none}.topbar-page-heading h1{font-size:var(--font-size-2xl)}}@media(max-width:520px){.topbar{gap:12px;padding:10px 12px}.topbar-heading-area{gap:10px}.topbar-page-heading p{display:none}.topbar-user-avatar{width:38px;height:38px;flex-basis:38px;font-size:var(--font-size-md)}}.app-layout{min-height:100vh;color:var(--color-text-primary);background:var(--color-app-background)}.app-layout-main{min-height:100vh;margin-right:var(--sidebar-width);background:var(--color-page-background)}.app-layout-content{min-height:calc(100vh - 78px);padding:26px 28px 34px;background:linear-gradient(180deg,#f7f8fa,#f3f5f8)}.app-layout-loading{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--color-app-background)}.app-layout-loading-card{min-width:290px;display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.app-layout-loading-card>div:last-child{display:grid;gap:3px}.app-layout-loading-card strong{color:var(--color-text-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-extra-bold)}.app-layout-loading-card span{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.app-layout-spinner{width:34px;height:34px;flex:0 0 34px;border:3px solid #ebeef2;border-top-color:var(--color-gold-600);border-radius:50%;animation:app-layout-spin .8s linear infinite}@keyframes app-layout-spin{to{transform:rotate(360deg)}}@media(max-width:760px){.app-layout-main{margin-right:0}.app-layout-content{min-height:calc(100vh - 70px);padding:20px 18px 28px}}@media(max-width:520px){.app-layout-content{padding:16px 12px 24px}.app-layout-loading-card{width:100%;min-width:0}}.dashboard-page{min-width:0;display:flex;flex-direction:column;gap:24px}.dashboard-welcome{position:relative;min-height:170px;display:flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden;padding:32px 36px;color:#fff;background:linear-gradient(135deg,var(--color-navy-800),var(--color-navy-950));border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-3xl);box-shadow:0 20px 45px #07101d26}.dashboard-welcome:after{position:absolute;top:-85px;left:-65px;width:240px;height:240px;background:radial-gradient(circle,rgba(185,150,88,.24),transparent 68%);pointer-events:none;content:""}.dashboard-welcome>div:first-child{position:relative;z-index:1;max-width:680px}.dashboard-welcome-label{display:inline-block;margin-bottom:10px;color:var(--color-gold-400);font-size:var(--font-size-xs);font-weight:var(--font-weight-extra-bold);letter-spacing:.4px}.dashboard-welcome h2{margin:0 0 8px;color:#fff;font-size:27px;font-weight:var(--font-weight-extra-bold);line-height:1.4}.dashboard-welcome p{margin:0;max-width:620px;color:#ffffffad;font-size:var(--font-size-md);line-height:1.9}.dashboard-welcome-icon{position:relative;z-index:1;width:76px;height:76px;display:grid;place-items:center;flex:0 0 76px;color:var(--color-gold-400);background:#b9965814;border:1px solid rgba(185,150,88,.2);border-radius:var(--radius-2xl)}.dashboard-welcome-icon svg{width:36px;height:36px;stroke-width:1.7}.dashboard-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dashboard-summary-card{position:relative;min-width:0;min-height:135px;display:flex;align-items:flex-start;gap:14px;overflow:hidden;padding:20px;background:linear-gradient(180deg,#fff,#fbfcfd);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.dashboard-summary-card:before{position:absolute;top:0;right:0;width:4px;height:100%;opacity:0;background:linear-gradient(180deg,var(--color-gold-600),rgba(185,150,88,.2));transition:opacity .16s ease;content:""}.dashboard-summary-card:hover{transform:translateY(-3px);border-color:#b996587a;box-shadow:var(--shadow-lg)}.dashboard-summary-card:hover:before{opacity:1}.dashboard-summary-icon{width:46px;height:46px;display:grid;place-items:center;flex:0 0 46px;color:var(--color-gold-600);background:#b996581a;border:1px solid rgba(185,150,88,.16);border-radius:var(--radius-xl)}.dashboard-summary-icon svg{width:22px;height:22px;stroke-width:1.8}.dashboard-summary-card>div:last-child{min-width:0;display:flex;flex:1;flex-direction:column}.dashboard-summary-card span{color:var(--color-gold-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-extra-bold)}.dashboard-summary-card strong{margin-top:7px;overflow:hidden;color:var(--color-navy-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-extra-bold);text-overflow:ellipsis;white-space:nowrap}.dashboard-summary-card small{margin-top:5px;overflow:hidden;color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:1.6;text-overflow:ellipsis;white-space:nowrap}.dashboard-account-card{overflow:hidden;padding:26px;background:linear-gradient(180deg,#fff,#fbfcfd);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.dashboard-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid var(--color-border-light)}.dashboard-section-label{display:inline-block;margin-bottom:6px;color:var(--color-gold-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-extra-bold)}.dashboard-section-header h3{margin:0;color:var(--color-navy-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-extra-bold)}.dashboard-section-header p{margin:6px 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.8}.dashboard-account-status{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 10px;color:var(--color-success);background:var(--color-success-background);border:1px solid var(--color-success-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.dashboard-status-dot{width:7px;height:7px;background:var(--color-success);border-radius:50%}.dashboard-details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.dashboard-detail-card{min-width:0;display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-xl);transition:border-color .15s ease,background .15s ease}.dashboard-detail-card:hover{background:var(--color-surface-soft);border-color:#b996584d}.dashboard-detail-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;color:var(--color-gold-700);background:#b9965814;border:1px solid rgba(185,150,88,.14);border-radius:var(--radius-lg)}.dashboard-detail-icon svg{width:19px;height:19px;stroke-width:1.8}.dashboard-detail-card>div:last-child{min-width:0;display:grid;flex:1;gap:4px}.dashboard-detail-card span{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.dashboard-detail-card strong{overflow:hidden;color:var(--color-navy-900);font-size:var(--font-size-md);font-weight:var(--font-weight-extra-bold);text-overflow:ellipsis;white-space:nowrap}@media(max-width:1100px){.dashboard-summary-grid,.dashboard-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.dashboard-page{gap:14px}.dashboard-welcome{min-height:auto;padding:22px 20px;border-radius:var(--radius-2xl);box-shadow:0 12px 28px #07101d1f}.dashboard-welcome:after{width:170px;height:170px}.dashboard-welcome-label{margin-bottom:7px}.dashboard-welcome h2{margin-bottom:6px;font-size:22px}.dashboard-welcome p{font-size:10px;line-height:1.8}.dashboard-welcome-icon{display:none}.dashboard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-summary-card{min-height:112px;display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:var(--radius-xl)}.dashboard-summary-card:before{width:3px}.dashboard-summary-card:hover{transform:none;box-shadow:var(--shadow-md)}.dashboard-summary-icon{width:36px;height:36px;flex-basis:36px;border-radius:var(--radius-md)}.dashboard-summary-icon svg{width:18px;height:18px}.dashboard-summary-card strong{margin-top:3px;font-size:14px}.dashboard-summary-card small{display:none}.dashboard-account-card{padding:18px;border-radius:var(--radius-xl)}.dashboard-section-header{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:15px;padding-bottom:14px}.dashboard-section-header h3{font-size:16px}.dashboard-section-header p{margin-top:4px;font-size:10px}.dashboard-details-grid{grid-template-columns:1fr;gap:9px}.dashboard-detail-card{min-height:60px;padding:11px 12px;border-radius:var(--radius-lg)}.dashboard-detail-icon{width:36px;height:36px;flex-basis:36px}.dashboard-detail-card strong{font-size:11px}}@media(max-width:380px){.dashboard-summary-grid{grid-template-columns:1fr}.dashboard-summary-card{min-height:86px;flex-direction:row;align-items:center}}.login-page{min-height:100dvh;display:grid;place-items:center;padding:40px 24px;background:radial-gradient(circle at 50% 5%,rgba(185,150,88,.09),transparent 34%),linear-gradient(180deg,#eef1f5,#e7ebf0)}.login-shell{width:min(620px,100%);display:block;background:transparent;border:0;box-shadow:none}.login-brand-panel{display:none}.login-form-panel{width:100%;display:block;padding:0;background:transparent}.login-form-container{position:relative;width:100%;overflow:hidden;padding:38px 42px 30px;background:linear-gradient(180deg,#fff,#fbfcfd);border:1px solid var(--color-border);border-radius:20px;box-shadow:0 28px 75px #07101d21}.login-form-container:before{position:absolute;top:0;right:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-gold-700),var(--color-gold-500),var(--color-navy-800));content:""}.login-mobile-brand{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:30px;padding-bottom:22px;border-bottom:1px solid var(--color-border-light)}.login-mobile-brand-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;color:var(--color-gold-500);background:linear-gradient(145deg,var(--color-navy-800),var(--color-navy-950));border:1px solid rgba(185,150,88,.28);border-radius:12px;box-shadow:0 8px 20px #07101d24}.login-mobile-brand>div:last-child{min-width:0;display:grid;gap:3px;text-align:right}.login-mobile-brand strong{color:var(--color-navy-900);font-size:15px;font-weight:var(--font-weight-extra-bold)}.login-mobile-brand span{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.login-heading{text-align:right}.login-heading>span{display:inline-block;margin-bottom:7px;color:var(--color-gold-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-extra-bold)}.login-heading h2{margin:0;color:var(--color-navy-900);font-size:30px;font-weight:var(--font-weight-extra-bold);line-height:1.4}.login-heading p{margin:8px 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.9}.login-form{display:grid;gap:20px;margin-top:30px}.login-field{display:grid;gap:8px}.login-field label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.login-input-wrapper{min-height:52px;display:flex;align-items:center;gap:11px;padding:0 15px;color:var(--color-text-muted);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.login-input-wrapper:hover{border-color:var(--color-border-dark)}.login-input-wrapper:focus-within{border-color:var(--color-gold-600);box-shadow:var(--focus-ring);background:#fff}.login-input-wrapper>svg{flex:0 0 auto;color:var(--color-gold-700)}.login-input-wrapper input{width:100%;min-width:0;height:50px;flex:1;padding:0;color:var(--color-text-heading);background:transparent;border:0;font-size:13px}.login-input-wrapper input::placeholder{color:#a3acb8}.login-error{padding:12px 14px;color:var(--color-danger);background:var(--color-danger-background);border:1px solid var(--color-danger-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.login-submit{width:100%;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:2px;color:#fff;background:linear-gradient(135deg,var(--color-gold-600),var(--color-gold-700));border:1px solid var(--color-gold-700);border-radius:var(--radius-xl);box-shadow:0 9px 22px #9f7c4230;font-size:13px;font-weight:var(--font-weight-extra-bold);transition:transform var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.login-submit:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(135deg,var(--color-gold-500),var(--color-gold-600));box-shadow:0 13px 26px #9f7c423b}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.65}.login-button-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:login-button-spin .75s linear infinite}@keyframes login-button-spin{to{transform:rotate(360deg)}}.login-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;padding-top:20px;border-top:1px solid var(--color-border-light);color:var(--color-text-light);font-size:var(--font-size-xs)}.login-footer>div{display:flex;align-items:center;gap:7px}.login-footer svg{color:var(--color-gold-700)}@media(max-width:700px){.login-page{padding:24px 16px}.login-shell{width:100%}.login-form-container{padding:32px 28px 26px}.login-heading h2{font-size:27px}}@media(max-width:520px){.login-page{min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding:24px 12px 28px;background:linear-gradient(180deg,#eef1f5,#e8ecf1)}.login-shell{width:100%;max-width:none}.login-form-panel{width:100%}.login-form-container{width:100%;padding:26px 20px 22px;border-radius:16px;box-shadow:0 18px 45px #07101d1a}.login-mobile-brand{margin-bottom:23px;padding-bottom:19px}.login-mobile-brand-icon{width:44px;height:44px;flex-basis:44px}.login-heading h2{font-size:25px}.login-heading p{font-size:11px}.login-form{gap:17px;margin-top:23px}.login-input-wrapper,.login-submit{min-height:52px}.login-footer{align-items:flex-start;flex-direction:column;gap:8px;margin-top:22px}}@media(max-width:360px){.login-page{padding:14px 8px 22px}.login-form-container{padding:23px 16px 20px}.login-heading h2{font-size:23px}.login-input-wrapper{padding:0 11px}}.users-page{min-width:0;display:flex;flex-direction:column;gap:22px}.users-alert{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid;border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-xs)}.users-alert>svg{flex:0 0 auto}.users-alert>span{min-width:0;flex:1}.users-alert button{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;padding:0;color:inherit;background:transparent;border:0;border-radius:var(--radius-sm)}.users-alert button:hover{background:#0000000a}.users-alert-success{color:var(--color-success);background:var(--color-success-background);border-color:var(--color-success-border)}.users-alert-error{color:var(--color-danger);background:var(--color-danger-background);border-color:var(--color-danger-border)}.users-overview{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 28px;color:#fff;background:linear-gradient(135deg,var(--color-navy-800),var(--color-navy-950));border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-3xl);box-shadow:0 18px 40px #07101d24}.users-overview-heading{max-width:650px}.users-overview-heading>span{display:inline-block;margin-bottom:6px;color:var(--color-gold-400);font-size:var(--font-size-xs);font-weight:var(--font-weight-extra-bold)}.users-overview-heading h2{margin:0;color:#fff;font-size:24px;font-weight:var(--font-weight-extra-bold)}.users-overview-heading p{margin:7px 0 0;color:#ffffff9e;font-size:var(--font-size-sm);line-height:1.8}.users-overview-meta{display:flex;gap:10px}.users-overview-stat{min-width:145px;display:flex;align-items:center;gap:11px;padding:13px 14px;background:#b9965814;border:1px solid rgba(185,150,88,.17);border-radius:var(--radius-xl)}.users-overview-stat>svg{color:var(--color-gold-400);flex:0 0 auto}.users-overview-stat>div{display:grid;gap:2px}.users-overview-stat span{color:#ffffff94;font-size:var(--font-size-xs)}.users-overview-stat strong{color:#fff;font-size:var(--font-size-xl);font-weight:var(--font-weight-extra-bold)}.users-card{overflow:hidden;background:linear-gradient(180deg,#fff,#fbfcfd);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.users-card-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--color-border-light)}.users-card-title{min-width:0;display:flex;align-items:flex-start;gap:12px}.users-card-title-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;color:var(--color-gold-700);background:#b9965817;border:1px solid rgba(185,150,88,.16);border-radius:var(--radius-xl)}.users-card-title>div:last-child{min-width:0}.users-card-title span{display:block;margin-bottom:3px;color:var(--color-gold-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-extra-bold)}.users-card-title h3{margin:0;color:var(--color-navy-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-extra-bold)}.users-card-title p{margin:5px 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.7}.users-form{padding:24px}.users-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.users-form-group{min-width:0;display:flex;flex-direction:column;gap:7px}.users-form-group label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.users-form-group input{width:100%;height:44px;padding:0 12px;color:var(--color-text-heading);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.users-form-group input::placeholder{color:#a4acb8}.users-form-group input:hover{border-color:var(--color-border-dark)}.users-form-group input:focus{background:#fff;border-color:var(--color-gold-600);box-shadow:var(--focus-ring)}.users-status-field{justify-content:flex-start}.users-status-switch{min-height:44px;display:flex;align-items:center;gap:10px;padding:0 12px;background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.users-status-switch input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.users-status-switch-control{position:relative;width:38px;height:21px;flex:0 0 38px;background:#c8cfd8;border-radius:var(--radius-round);transition:background var(--transition-normal)}.users-status-switch-control:after{position:absolute;top:3px;right:3px;width:15px;height:15px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #07101d2e;transition:transform var(--transition-normal);content:""}.users-status-switch input:checked+.users-status-switch-control{background:var(--color-success)}.users-status-switch input:checked+.users-status-switch-control:after{transform:translate(-17px)}.users-status-switch-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.users-form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding-top:20px;border-top:1px solid var(--color-border-light)}.users-form-note{display:flex;align-items:center;gap:8px;color:var(--color-text-muted);font-size:var(--font-size-xs)}.users-form-note svg{color:var(--color-gold-700);flex:0 0 auto}.users-form-actions{display:flex;align-items:center;gap:9px}.users-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 15px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.users-button:active:not(:disabled){transform:translateY(1px)}.users-button-primary{color:#fff;background:linear-gradient(135deg,var(--color-gold-600),var(--color-gold-700));border:1px solid var(--color-gold-700);box-shadow:0 5px 14px #9f7c4229}.users-button-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-gold-500),var(--color-gold-600))}.users-button-secondary{color:var(--color-text-secondary);background:#fff;border:1px solid var(--color-border)}.users-button-secondary:hover:not(:disabled){color:var(--color-navy-900);background:var(--color-surface-muted);border-color:var(--color-border-dark)}.users-button:disabled{opacity:.55}.users-list-header{align-items:center}.users-search{width:min(320px,100%);height:42px;display:flex;align-items:center;gap:8px;padding:0 11px;background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.users-search:focus-within{border-color:var(--color-gold-600);box-shadow:var(--focus-ring)}.users-search input{min-width:0;flex:1;border:0;background:transparent;color:var(--color-text-heading);font-size:var(--font-size-sm)}.users-search input::placeholder{color:#9ca5b2}.users-search button{width:28px;height:28px;display:grid;place-items:center;padding:0;color:var(--color-text-muted);background:transparent;border:0;border-radius:var(--radius-sm)}.users-search button:hover{background:var(--color-surface-muted)}.users-table-wrapper{width:100%;overflow-x:auto}.users-table{width:100%;min-width:1050px;border-collapse:collapse;background:#fff}.users-table th{padding:13px 15px;color:var(--color-text-muted);background:#f7f8fa;border-bottom:1px solid var(--color-border);font-size:var(--font-size-xs);font-weight:var(--font-weight-extra-bold);text-align:right;white-space:nowrap}.users-table td{padding:13px 15px;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm);vertical-align:middle;white-space:nowrap}.users-table tbody tr{transition:background var(--transition-fast)}.users-table tbody tr:hover{background:#fbfaf7}.users-table tbody tr:last-child td{border-bottom:0}.users-id-cell{color:var(--color-gold-700)!important;font-weight:var(--font-weight-bold)}.users-name-cell{display:flex;align-items:center;gap:9px}.users-name-cell strong{color:var(--color-navy-900);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.users-table-avatar{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;color:var(--color-gold-700);background:#b9965814;border:1px solid rgba(185,150,88,.16);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-extra-bold)}.users-table-empty{padding:42px 20px!important;color:var(--color-text-muted)!important;text-align:center!important}.users-status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid;border-radius:var(--radius-round);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.users-status-badge>span{width:6px;height:6px;border-radius:50%}.users-status-badge.active{color:var(--color-success);background:var(--color-success-background);border-color:var(--color-success-border)}.users-status-badge.active>span{background:var(--color-success)}.users-status-badge.inactive{color:var(--color-text-muted);background:var(--color-surface-muted);border-color:var(--color-border)}.users-status-badge.inactive>span{background:#9aa4b0}.users-table-actions{display:flex;align-items:center;gap:6px}.users-table-button{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;color:var(--color-text-secondary);background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.users-table-button:hover{color:var(--color-gold-700);background:#fffdf9;border-color:#b9965866}.users-pagination{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 20px;background:var(--color-surface-soft);border-top:1px solid var(--color-border-light)}.users-pagination-info{display:flex;align-items:center;gap:7px;color:var(--color-text-muted);font-size:var(--font-size-sm)}.users-pagination-info strong{min-width:30px;height:30px;display:grid;place-items:center;color:var(--color-gold-700);background:#b9965817;border:1px solid rgba(185,150,88,.16);border-radius:var(--radius-sm)}.users-pagination-info small{color:var(--color-text-light);font-size:var(--font-size-xs)}.users-pagination-actions{display:flex;align-items:center;gap:8px}.users-pagination-button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 12px;color:var(--color-text-secondary);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.users-pagination-button:hover:not(:disabled){color:var(--color-gold-700);border-color:#b996586b;background:#fffdf9}.users-pagination-button:disabled{opacity:.45}.users-modal-backdrop{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:20px;background:#07101d94;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.users-modal{width:min(470px,100%);padding:22px;background:linear-gradient(180deg,#fff,#fbfcfd);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:0 24px 70px #07101d47}.users-modal-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--color-border-light)}.users-modal-icon{width:42px;height:42px;display:grid;place-items:center;color:var(--color-gold-700);background:#b9965817;border:1px solid rgba(185,150,88,.17);border-radius:var(--radius-xl)}.users-modal-header>div:nth-child(2){min-width:0}.users-modal-header span{display:block;margin-bottom:2px;color:var(--color-gold-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-extra-bold)}.users-modal-header h3{margin:0;color:var(--color-navy-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-extra-bold)}.users-modal-close{width:34px;height:34px;display:grid;place-items:center;padding:0;color:var(--color-text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-md)}.users-modal-close:hover{color:var(--color-danger);background:var(--color-danger-background);border-color:var(--color-danger-border)}.users-modal-user{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:12px;background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-xl)}.users-modal-user>div:last-child{display:grid;gap:2px}.users-modal-user span{color:var(--color-text-muted);font-size:var(--font-size-xs)}.users-modal-user strong{color:var(--color-navy-900);font-size:var(--font-size-sm);font-weight:var(--font-weight-extra-bold)}.users-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}@media(max-width:1180px){.users-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.users-overview{align-items:flex-start}.users-overview-meta{flex-direction:column}}@media(max-width:760px){.users-page{gap:16px}.users-overview{flex-direction:column;padding:21px 18px;border-radius:var(--radius-2xl)}.users-overview-heading h2{font-size:20px}.users-overview-heading p{font-size:10px}.users-overview-meta{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.users-overview-stat{min-width:0;padding:11px 12px}.users-card-header{align-items:flex-start;flex-direction:column;padding:18px}.users-list-header{align-items:stretch}.users-search{width:100%}.users-form{padding:18px}.users-form-grid{grid-template-columns:1fr;gap:14px}.users-form-footer{align-items:flex-start;flex-direction:column;margin-top:18px;padding-top:17px}.users-form-note{line-height:1.8}.users-form-actions{width:100%}.users-form-actions .users-button{flex:1}.users-table-wrapper{overflow:visible;padding:12px}.users-table{min-width:0;display:block;background:transparent}.users-table thead{display:none}.users-table tbody{display:grid;gap:12px}.users-table tbody tr{display:grid;padding:14px;background:linear-gradient(180deg,#fff,#fbfcfd);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs)}.users-table tbody tr:hover{background:#fff}.users-table tbody td{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--color-border-light);white-space:normal;font-size:var(--font-size-sm)}.users-table tbody td:before{flex:0 0 95px;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.users-table tbody td:nth-child(1):before{content:"المعرف"}.users-table tbody td:nth-child(2):before{content:"الاسم"}.users-table tbody td:nth-child(3):before{content:"اسم المستخدم"}.users-table tbody td:nth-child(4):before{content:"الرقم الوظيفي"}.users-table tbody td:nth-child(5):before{content:"الجوال"}.users-table tbody td:nth-child(6):before{content:"الوردية"}.users-table tbody td:nth-child(7):before{content:"الحالة"}.users-table tbody td:nth-child(8):before{content:"الإجراءات"}.users-table tbody td:last-child{padding-bottom:0;border-bottom:0}.users-id-cell{color:var(--color-gold-700)!important}.users-name-cell{min-width:0;justify-content:flex-end;text-align:left}.users-table-avatar{width:32px;height:32px;flex-basis:32px}.users-table-actions{display:grid;grid-template-columns:1fr 1fr;width:min(210px,100%);gap:6px}.users-table-button{width:100%}.users-table-empty{display:block!important;padding:30px 16px!important;border:0!important}.users-table-empty:before{display:none!important}.users-pagination{align-items:stretch;flex-direction:column;padding:14px}.users-pagination-info{justify-content:center}.users-pagination-actions{width:100%}.users-pagination-button{flex:1}}@media(max-width:560px){.users-card-title-icon{width:38px;height:38px;flex-basis:38px}.users-card-title h3{font-size:16px}.users-card-title p{font-size:10px}.users-overview-meta{grid-template-columns:1fr}.users-form-group input{height:46px}.users-modal{padding:18px}.users-modal-actions{width:100%}.users-modal-actions .users-button{flex:1}}:root{--color-navy-950: #07101d;--color-navy-900: #0b1626;--color-navy-800: #14233a;--color-navy-700: #1d304b;--color-gold-700: #9f7c42;--color-gold-600: #b99658;--color-gold-500: #c9a968;--color-gold-400: #d2b678;--color-gold-100: #f5eee1;--color-app-background: #edf0f4;--color-page-background: #f7f8fa;--color-surface: #ffffff;--color-surface-soft: #fbfcfd;--color-surface-muted: #f4f6f8;--color-text-primary: #172033;--color-text-heading: #0b1626;--color-text-secondary: #586476;--color-text-muted: #727d90;--color-text-light: #929baa;--color-border: #e0e5ec;--color-border-light: #edf0f4;--color-border-dark: #cbd2dc;--color-success: #397a55;--color-success-background: #f0f8f3;--color-success-border: #d3e7da;--color-danger: #b33a3a;--color-danger-background: #fff5f5;--color-danger-border: #f0cccc;--color-warning: #9a6b20;--color-warning-background: #fff9ed;--color-warning-border: #ead8b2;--color-info: #315c83;--color-info-background: #f1f6fa;--color-info-border: #d7e3ed;--sidebar-width: 250px;--sidebar-background-start: #14233a;--sidebar-background-end: #07101d;--sidebar-text: #dce3ec;--sidebar-text-muted: #8d99aa;--sidebar-item-text: #aeb8c6;--sidebar-item-hover: rgba(255, 255, 255, .055);--sidebar-item-active-background: rgba(185, 150, 88, .12);--sidebar-item-active-border: rgba(185, 150, 88, .18);--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif;--font-size-2xs: 9px;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-md: 12px;--font-size-base: 13px;--font-size-lg: 14px;--font-size-xl: 16px;--font-size-2xl: 18px;--font-size-3xl: 22px;--font-size-4xl: 28px;--font-size-5xl: 32px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extra-bold: 800;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 11px;--radius-xl: 13px;--radius-2xl: 16px;--radius-3xl: 18px;--radius-round: 999px;--shadow-xs: 0 2px 8px rgba(7, 16, 29, .035);--shadow-sm: 0 5px 18px rgba(7, 16, 29, .04);--shadow-md: 0 10px 28px rgba(7, 16, 29, .055);--shadow-lg: 0 18px 38px rgba(7, 16, 29, .1);--shadow-sidebar: -18px 0 45px rgba(7, 16, 29, .22);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 40px;--space-10: 48px;--transition-fast: .15s ease;--transition-normal: .22s ease;--focus-ring: 0 0 0 4px rgba(185, 150, 88, .12)}*,*:before,*:after{box-sizing:border-box}html{direction:rtl;min-width:320px;background:var(--color-app-background)}body{min-width:320px;min-height:100vh;margin:0;color:var(--color-text-primary);background:var(--color-app-background);font-family:var(--font-family);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}input,select,textarea,button{outline:none}a{color:inherit;text-decoration:none}img,svg{display:block}h1,h2,h3,h4,h5,h6,p{margin-top:0}::selection{color:#fff;background:var(--color-gold-600)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--color-gold-600);box-shadow:var(--focus-ring)}*{scrollbar-width:thin;scrollbar-color:#c4cbd4 transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:var(--radius-round);background:#c4cbd4;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#aeb7c2;background-clip:padding-box}html,body,#root{width:100%;min-width:320px;min-height:100%}#root{min-height:100vh;min-height:100dvh}body{overflow-x:hidden}main{min-width:0}button,input,select,textarea{font-family:inherit}button{-webkit-tap-highlight-color:transparent}input,textarea,select{min-width:0}img,svg{max-width:100%}[hidden]{display:none!important}