body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#f5f7fa;--bg-secondary:#fff;--card-shadow:0 8px 25px #00000026;--card-hover-shadow:0 12px 35px #0003;--card-gap:20px;--card-padding:20px;--border-radius:22px;--border-radius-sm:12px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}.app-container{background:linear-gradient(135deg,var(--bg-primary) 0,#c3cfe2 100%);color:#1d1d1f;color:var(--text-primary);position:relative}.app-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border-color);box-shadow:0 2px 10px #0000001a;padding:20px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-main{justify-content:space-between;margin:0 auto;max-width:1200px}.header-main,.header-main h1{align-items:center;display:flex}.header-main h1{color:#1d1d1f;color:var(--text-primary);font-size:28px;font-weight:700;gap:10px;margin:0}.header-info{gap:20px}.header-info,.user-info{align-items:center;display:flex}.user-info{flex-wrap:wrap;gap:10px}.greeting{color:#86868b;color:var(--text-secondary)}.greeting,.username{font-size:16px;font-weight:600}.username{color:#1d1d1f;color:var(--text-primary)}.logout-btn{border-radius:20px;padding:8px 16px}.logout-btn:hover{box-shadow:0 4px 12px #ff3b304d;transform:scale(1.05)}.time-info{align-items:center;display:flex}.current-time{background:#0000000d;border-radius:15px;color:#86868b;color:var(--text-secondary);font-size:14px;font-weight:500;padding:6px 12px}.breadcrumb{align-items:center;display:flex;font-size:14px;gap:8px;margin-left:auto;margin-right:auto;margin-top:15px;max-width:1200px}.breadcrumb-link{color:#007aff;color:var(--ios-blue);cursor:pointer;font-weight:500;text-decoration:none;transition:color .2s ease;transition:color var(--transition-fast)}.breadcrumb-link:hover{color:#0051d5;text-decoration:underline}.breadcrumb-separator{color:#86868b;color:var(--text-secondary);font-weight:500;margin:0 4px}.breadcrumb-current{color:#1d1d1f;color:var(--text-primary);font-weight:600}.dashboard-section{margin:40px auto;max-width:1200px;min-height:calc(100vh - 120px);padding:0 30px}.dashboard-cards{grid-gap:20px;grid-gap:var(--card-gap);display:grid;gap:20px;gap:var(--card-gap);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.dashboard-card{background:#fff;border:1px solid #fff3;border-radius:22px;border-radius:var(--border-radius);box-shadow:0 8px 25px #00000026;box-shadow:var(--card-shadow);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:160px;overflow:hidden;padding:20px;padding:var(--card-padding);position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--transition-smooth)}.dashboard-card:hover{box-shadow:0 12px 35px #0003;box-shadow:var(--card-hover-shadow);transform:translateY(-8px) scale(1.02)}.dashboard-card:active{transform:translateY(-4px) scale(1.01);transition:all .1s ease}.card-icon{display:block;font-size:40px;line-height:1;margin-bottom:15px}.dashboard-card h3{color:#fff;font-size:18px;font-weight:700;line-height:1.3;margin:0 0 8px;text-shadow:0 1px 2px #0000001a}.dashboard-card p{color:#ffffffe6;font-size:14px;line-height:1.4;margin:0 0 20px;text-shadow:0 1px 2px #0000001a}.card-footer{margin-top:auto}.card-action{align-items:center;color:#ffffffe6;display:inline-flex;font-size:14px;font-weight:600;gap:5px;text-shadow:0 1px 2px #0000001a}.staff-table-card{background:linear-gradient(135deg,#34c759,#28a745);background:linear-gradient(135deg,var(--ios-green) 0,#28a745 100%)}.add-staff-card{background:linear-gradient(135deg,#ff9500,#fd7e14);background:linear-gradient(135deg,var(--ios-orange) 0,#fd7e14 100%)}.scores-card{background:linear-gradient(135deg,#007aff,#0056b3);background:linear-gradient(135deg,var(--ios-blue) 0,#0056b3 100%)}.data-graphs-card{background:linear-gradient(135deg,#af52de,#8e44ad);background:linear-gradient(135deg,var(--ios-purple) 0,#8e44ad 100%)}.users-card{background:linear-gradient(135deg,#5ac8fa,#17a2b8);background:linear-gradient(135deg,var(--ios-light-blue) 0,#17a2b8 100%)}.export-card{background:linear-gradient(135deg,#ff3b30,#dc3545);background:linear-gradient(135deg,var(--ios-red) 0,#dc3545 100%)}.import-card{background:linear-gradient(135deg,#af52de,#6f42c1);background:linear-gradient(135deg,var(--ios-purple) 0,#6f42c1 100%)}.review-card{background:linear-gradient(135deg,#8e8e93,#6c757d);background:linear-gradient(135deg,var(--ios-gray) 0,#6c757d 100%)}.reviewstaff-card{background:linear-gradient(135deg,#30b0c7,#20c997);background:linear-gradient(135deg,var(--ios-teal) 0,#20c997 100%)}.requests-card{background:linear-gradient(135deg,#af52de,#6f42c1);background:linear-gradient(135deg,var(--ios-purple) 0,#6f42c1 100%)}.badge,.scores-card:after{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff4d;border:1px solid #fff3;border-radius:50px;color:#fff;font-size:12px;font-weight:700;padding:4px 12px;position:absolute;right:15px;top:15px}.scores-card:after{content:"95"}.data-graphs-card:after{content:"📈"}.data-graphs-card:after,.export-card:after{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff4d;border:1px solid #fff3;border-radius:50px;color:#fff;font-size:12px;font-weight:700;padding:4px 12px;position:absolute;right:15px;top:15px}.export-card:after{content:"225"}.users-card:after{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff4d;border:1px solid #fff3;border-radius:50px;color:#fff;content:"1";font-size:12px;font-weight:700;padding:4px 12px;position:absolute;right:15px;top:15px}.primary-button{background:linear-gradient(135deg,#007aff,#0056b3);background:linear-gradient(135deg,var(--ios-blue) 0,#0056b3 100%);border:none;border-radius:25px;box-shadow:0 4px 15px #007aff4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;gap:8px;padding:15px 30px;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--transition-smooth)}.primary-button:hover{box-shadow:0 8px 25px #007aff66;transform:translateY(-2px)}.primary-button:active{transform:translateY(0)}.refresh-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#007aff,#5ac8fa);background:linear-gradient(135deg,var(--ios-blue),var(--ios-light-blue));border:none;border-radius:12px;border-radius:var(--border-radius-sm);box-shadow:0 4px 12px #007aff4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;margin-right:16px;padding:12px 20px;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--transition-smooth)}.refresh-button:hover:not(:disabled){background:linear-gradient(135deg,#5ac8fa,#007aff);background:linear-gradient(135deg,var(--ios-light-blue),var(--ios-blue));box-shadow:0 8px 20px #007aff66;transform:translateY(-2px)}.refresh-button:active{transform:translateY(0)}.refresh-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.refresh-button.refreshing .refresh-icon{animation:refreshSpin 1s linear infinite}.refresh-icon{font-size:1.1rem;transition:transform .3s ease;transition:transform var(--transition-normal)}.refresh-text{white-space:nowrap}@keyframes refreshSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.refresh-message{animation:slideInRight .3s ease,fadeOut .3s ease 2.7s forwards;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border-radius:var(--border-radius-sm);box-shadow:0 4px 12px #00000026;font-size:.9rem;font-weight:600;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:1001}.refresh-message.success{background:#34c759e6;border:1px solid #34c7594d;color:#fff}.refresh-message.error{background:#ff3b30e6;border:1px solid #ff3b304d;color:#fff}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{to{opacity:0;transform:translateX(100%)}}@media (max-width:768px){.refresh-message{left:10px;right:10px;text-align:center;top:10px}}.view-status{align-items:center;display:flex;gap:12px}@media (max-width:768px){.refresh-button{font-size:.8rem;margin-right:8px;padding:10px 16px}.refresh-text{display:none}.refresh-icon{font-size:1.2rem}}@media (max-width:480px){.refresh-button{border-radius:8px;padding:8px 12px}.view-status{align-items:flex-end;flex-direction:column;gap:8px}}.view-container{background:#f8fafc;box-sizing:border-box;margin:0;overflow-y:auto;padding:0;width:100%}.view-container.fade-in{animation:slideInFromRight .5s cubic-bezier(.25,.46,.45,.94);opacity:1;transform:translateX(0)}.view-header{align-items:center;background:#fff;border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border-color);box-shadow:0 2px 10px #0000001a}.view-header,.view-header.enhanced{display:flex;justify-content:space-between;padding:20px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.view-header.enhanced{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none;border-radius:0;box-shadow:0 4px 20px #667eea26;color:#fff;margin-bottom:0}.app-container:has(.view-container) .app-header{display:none}.view-nav{align-items:flex-start;display:flex;flex:1 1;gap:1rem}.view-title{margin-right:1rem;text-align:right}.view-title h2{align-items:center;display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;justify-content:flex-end;margin:0 0 .5rem}.view-title p{font-size:.9rem;font-weight:400;margin:0;opacity:.9}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:8px;color:#fff;font-weight:500;min-width:auto;padding:.75rem 1.25rem;transition:all .3s ease}.back-button:hover{background:#ffffff40;box-shadow:0 4px 12px #00000026;transform:translateX(-2px)}.review-actions,.tracking-tools,.view-actions{align-items:center;display:flex;gap:.75rem}.action-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.4rem;padding:.6rem 1rem;transition:all .3s ease;white-space:nowrap}.action-button.primary{background:#fff3;border:1px solid #ffffff4d;color:#fff}.action-button.primary:hover{background:#ffffff4d;transform:translateY(-1px)}.action-button.secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.action-button.secondary:hover{background:#fff3}.action-button.success{background:#2ecc7133;border:1px solid #2ecc714d;color:#fff}.action-button.success:hover{background:#2ecc714d}.action-button.warning{background:#f1c40f33;border:1px solid #f1c40f4d;color:#fff}.action-button.warning:hover{background:#f1c40f4d}.signup-status,.view-status{align-items:center;display:flex}.progress-indicator,.status-badge,.status-indicator{align-items:center;border-radius:20px;display:flex;font-size:.85rem;font-weight:500;gap:.4rem;padding:.5rem 1rem}.status-badge.active{background:#2ecc7133;border:1px solid #2ecc714d;color:#fff}.status-indicator.new{background:#3498db33;border:1px solid #3498db4d;color:#fff}.progress-indicator{background:#9b59b633;border:1px solid #9b59b64d;color:#fff}.content-wrapper{background:#0000;margin:0 auto;max-width:90%;min-height:calc(100vh - 120px);padding:30px}.content-wrapper.enhanced{background:#fff;border-radius:0;box-shadow:none;margin:0;max-width:100%;min-height:calc(100vh - 120px);overflow:visible;padding:1px;position:relative}.content-wrapper.enhanced:before{background:linear-gradient(90deg,#0000,#667eea33,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dashboard-card{animation:cardSlideIn .6s cubic-bezier(.25,.46,.45,.94) .3s;animation:cardSlideIn .6s var(--transition-smooth)}.dashboard-card:first-child{animation-delay:.1s}.dashboard-card:nth-child(2){animation-delay:.2s}.dashboard-card:nth-child(3){animation-delay:.3s}.dashboard-card:nth-child(4){animation-delay:.4s}.dashboard-card:nth-child(5){animation-delay:.5s}.dashboard-card:nth-child(6){animation-delay:.6s}.dashboard-card:nth-child(7){animation-delay:.7s}.dashboard-card:nth-child(8){animation-delay:.8s}.dashboard-card{display:block}.dashboard-card,.dashboard-card:hover{color:inherit;text-decoration:none}.dashboard-card:focus{outline:2px solid #007aff;outline:2px solid var(--ios-blue);outline-offset:2px}.primary-button{align-items:center;display:inline-flex;justify-content:center}.primary-button,.primary-button:hover{color:inherit;text-decoration:none}.primary-button:focus{outline:2px solid #ffffff80;outline-offset:2px}@media (max-width:768px){.dashboard-cards{gap:12px;grid-template-columns:repeat(2,1fr)}.app-header{padding:15px 20px}.header-main{flex-direction:column;gap:15px;text-align:center}.header-main h1{font-size:22px}.header-info{flex-direction:column;gap:10px;width:100%}.user-info{flex-wrap:wrap;justify-content:center}.dashboard-section{margin:20px auto;padding:0 15px}.dashboard-card{min-height:120px;padding:15px}.card-icon{font-size:28px;margin-bottom:8px}.dashboard-card h3{font-size:14px;line-height:1.2;margin-bottom:6px}.dashboard-card p{font-size:11px;line-height:1.3;margin-bottom:12px}.card-action{font-size:11px}.view-container{padding:15px 20px}.view-header{align-items:flex-start;flex-direction:column;gap:15px}.content-wrapper{padding:20px}.breadcrumb{flex-wrap:wrap;font-size:12px;margin-top:10px}.primary-button{font-size:14px;justify-content:center;padding:12px 24px;width:100%}.data-graphs-card:after,.export-card:after,.scores-card:after,.users-card:after{font-size:10px;padding:2px 8px;right:10px;top:10px}.logout-btn{font-size:12px;padding:6px 12px}.greeting,.username{font-size:14px}.current-time{font-size:12px;padding:4px 8px}}@media (max-width:480px){.dashboard-cards{gap:10px;grid-template-columns:repeat(2,1fr)}.dashboard-section{padding:0 10px}.dashboard-card{min-height:110px;padding:12px}.card-icon{font-size:24px;margin-bottom:6px}.dashboard-card h3{font-size:13px}.dashboard-card p{font-size:10px;margin-bottom:10px}.card-action{font-size:10px}.header-main h1{font-size:18px}.app-header,.view-container{padding:10px 15px}.content-wrapper{padding:15px}.back-button{font-size:12px;padding:8px 16px}.breadcrumb{font-size:11px}}@media (max-width:768px) and (orientation:landscape){.dashboard-cards{gap:10px;grid-template-columns:repeat(4,1fr)}.dashboard-card{min-height:100px;padding:10px}.card-icon{font-size:22px;margin-bottom:4px}.dashboard-card h3{font-size:12px;margin-bottom:4px}.dashboard-card p{font-size:9px;margin-bottom:8px}.card-action{font-size:9px}.app-header{padding:8px 15px}.header-main h1{font-size:16px}.dashboard-section{margin:15px auto}}@media (min-width:1400px){.dashboard-cards{grid-template-columns:repeat(4,1fr)}.dashboard-card{min-height:180px}.card-icon{font-size:45px}.dashboard-card h3{font-size:20px}.dashboard-card p{font-size:15px}}.back-button:focus,.dashboard-card:focus,.logout-btn:focus,.primary-button:focus{outline:2px solid #007aff;outline:2px solid var(--ios-blue);outline-offset:2px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--ios-blue)}.app-container.page-view-active{background:#f8fafc}.app-container.page-view-active .app-header{display:none}.dashboard-section.transitioning{opacity:.7;pointer-events:none}.view-container{min-height:100vh}.back-button.modern{font-size:.9rem}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.login-container{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 2px 24px #0000001a,0 1.5px 3px #00000008;margin:100px auto;max-width:350px;padding:32px 24px 24px}.login-container h2{color:#333;margin-bottom:20px;text-align:center}.login-form input[type=password],.login-form input[type=text]{border:1px solid #ccc;border-radius:6px;font-size:1rem;margin-bottom:16px;outline:none;padding:10px 12px;transition:border .2s;width:100%}.login-form input[type=password]:focus,.login-form input[type=text]:focus{border:1.5px solid #3f51b5}.login-form button[type=submit]{background:#3f51b5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.08rem;font-weight:500;margin-top:4px;padding:10px 0;transition:background .2s;width:100%}.login-form button[type=submit]:hover{background:#27347d}.login-error{background:#fdecea;border:1px solid #f5c6cb;border-radius:4px;color:#c0392b;font-size:.96rem;margin-top:10px;padding:8px 0}body,html{max-width:100vw}.staff-signup-page{min-height:100vh;padding:2rem 0;padding:var(--space-xl) 0}.staff-signup-page:before{background:radial-gradient(circle at 20% 20%,#007aff0d 0,#0000 50%),radial-gradient(circle at 80% 80%,#34c7590d 0,#0000 50%),radial-gradient(circle at 40% 60%,#ff950008 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.signup-header-card{backdrop-filter:blur(20px);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--glass-backdrop);background:#fffffff2;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 12px 35px #0003;box-shadow:var(--shadow-lg);margin-bottom:1.5rem;margin-bottom:var(--space-lg);overflow:hidden;padding:2rem;padding:var(--space-xl);position:relative;text-align:center}.signup-header-card:before{background:linear-gradient(90deg,#007aff,#30b0c7 50%,#34c759);background:linear-gradient(90deg,var(--primary) 0,var(--ios-teal) 50%,var(--ios-green) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.signup-brand{align-items:center;display:flex;flex-direction:column;gap:.5rem;gap:var(--space-sm)}.signup-brand-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:48px;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.signup-brand h1{color:#1d1d1f;color:var(--text-primary);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:900;font-weight:var(--font-weight-black);letter-spacing:-.02em;margin:0}.signup-brand p{color:#86868b;color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-md);margin:0}.signup-brand p,.signup-system-time{font-weight:500;font-weight:var(--font-weight-medium)}.signup-system-time{background:#0000000d;border-radius:8px;border-radius:var(--radius-sm);color:#a1a1a6;color:var(--text-muted);letter-spacing:.5px;right:1rem;right:var(--space-md)}.signup-system-time,.signup-user-badge{font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm);position:absolute;top:1rem;top:var(--space-md)}.signup-user-badge{align-items:center;background:#007aff1a;border:1px solid #007aff33;border-radius:50px;border-radius:var(--radius-full);color:#007aff;color:var(--primary);display:flex;font-weight:600;font-weight:var(--font-weight-semibold);gap:.25rem;gap:var(--space-xs);left:1rem;left:var(--space-md)}.signup-user-badge:before{content:"👤";font-size:.875rem;font-size:var(--font-size-sm)}.signup-form-card{backdrop-filter:blur(20px);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--glass-backdrop);background:#fffffff2;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 12px 35px #0003;box-shadow:var(--shadow-lg);margin-bottom:1.5rem;margin-bottom:var(--space-lg);overflow:hidden;padding:0}.signup-form-header{background:linear-gradient(135deg,#007aff,#0056b3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff;padding:2rem 2rem 1.5rem;padding:var(--space-xl) var(--space-xl) var(--space-lg);position:relative;text-align:center}.signup-form-header:before{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.signup-form-header h2{align-items:center;display:flex;font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold);gap:.5rem;gap:var(--space-sm);justify-content:center;margin:0 0 .25rem;margin:0 0 var(--space-xs) 0;position:relative;z-index:1}.signup-form-header h2:before{content:"📝";font-size:1.5rem;font-size:var(--font-size-2xl)}.signup-form-header p{font-size:.875rem;font-size:var(--font-size-sm);font-weight:400;font-weight:var(--font-weight-normal);margin:0;opacity:.9;position:relative;z-index:1}.signup-form{padding:2rem;padding:var(--space-xl)}.form-grid{margin-bottom:2rem;margin-bottom:var(--space-xl)}@media (min-width:768px){.form-grid{grid-template-columns:repeat(2,1fr)}}.form-group{box-sizing:border-box;max-width:100%;width:100%}.form-group label i{color:#007aff;color:var(--primary);font-size:1rem;font-size:var(--font-size-md)}.form-control,.signup-form input,.signup-form select,.signup-form textarea{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;background:var(--glass-bg);border:2px solid #0000001a;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-sizing:border-box;color:#1d1d1f;color:var(--text-primary);font-family:inherit;font-size:1rem;font-size:var(--font-size-md);font-weight:400;font-weight:var(--font-weight-normal);max-width:100%;padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--transition-smooth);width:100%}.form-control::placeholder,.signup-form input::placeholder,.signup-form select::placeholder,.signup-form textarea::placeholder{color:#a1a1a6;color:var(--text-muted);font-weight:400;font-weight:var(--font-weight-normal)}.form-control:focus,.signup-form input:focus,.signup-form select:focus,.signup-form textarea:focus{background:#fffffffa;border-color:#007aff;border-color:var(--primary);box-shadow:0 0 0 4px #007aff1a;outline:none;transform:translateY(-1px)}.signup-form select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23007AFF'%3E%3Cpath d='m8 11.5-5-5 1-1 4 4 4-4 1 1-5 5z'/%3E%3C/svg%3E");background-position:left 15px center;background-repeat:no-repeat;cursor:pointer;padding-left:45px}.signup-form textarea{font-family:inherit;line-height:1.5;min-height:100px;resize:vertical}.file-input-label{box-sizing:border-box;max-width:100%;width:100%}.file-input-label .upload-icon{font-size:2rem;font-size:var(--font-size-3xl);margin-bottom:.5rem;margin-bottom:var(--space-sm)}.file-input-label .upload-text{font-size:1rem;font-size:var(--font-size-md);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.25rem;margin-bottom:var(--space-xs)}.file-input-label .upload-hint{font-weight:400;font-weight:var(--font-weight-normal)}.signup-form input[type=file]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.signup-cancel-btn,.signup-submit-btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-size:var(--font-size-md);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--space-sm);justify-content:center;overflow:hidden;padding:1rem 2rem;padding:var(--space-md) var(--space-xl);position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--transition-smooth)}.signup-cancel-btn:before,.signup-submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.signup-cancel-btn:hover:before,.signup-submit-btn:hover:before{left:100%}.signup-submit-btn{background:linear-gradient(135deg,#007aff,#0056b3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:0 4px 15px #007aff4d;color:#fff}.signup-submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #007aff66;transform:translateY(-2px)}.signup-cancel-btn{background:#8e8e93;background:var(--ios-gray);box-shadow:0 4px 15px #8e8e934d;color:#fff}.signup-cancel-btn:hover{background:#6c757d;box-shadow:0 8px 25px #8e8e9366;transform:translateY(-2px)}.signup-submit-btn:disabled{box-shadow:0 4px 15px #007aff33!important;cursor:not-allowed;opacity:.6;transform:none!important}.signup-submit-btn.loading{cursor:not-allowed;opacity:.8}.form-navigation{align-items:center;border-top:1px solid #0000000d;border-top:1px solid var(--border-light);display:flex;gap:1rem;gap:var(--space-md);justify-content:space-between;margin-top:2rem;margin-top:var(--space-xl);padding-top:1.5rem;padding-top:var(--space-lg)}.btn{align-items:center;box-shadow:0 4px 14px #0000001a;display:inline-flex;font-size:16px;gap:8px;justify-content:center;min-width:120px;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.btn:hover:before{left:100%}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-primary{box-shadow:0 6px 20px #007aff4d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#003d82);box-shadow:0 10px 30px #007aff66;transform:translateY(-3px)}.btn-secondary{background:linear-gradient(135deg,#6c757d,#5a6268);box-shadow:0 6px 20px #6c757d4d;color:#fff}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#5a6268,#495057);box-shadow:0 10px 30px #6c757d66;transform:translateY(-3px)}.btn-success{background:linear-gradient(135deg,#34c759,#28a745);box-shadow:0 6px 20px #34c7594d;color:#fff;position:relative}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#28a745,#1e7e34);box-shadow:0 10px 30px #34c75966;transform:translateY(-3px)}.btn i{font-size:14px}.fa-spinner{animation:spin 1s linear infinite}.result-message{justify-content:center;padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg)}.error-message:before,.success-message:before{font-size:1.125rem;font-size:var(--font-size-lg)}.signup-progress{backdrop-filter:blur(20px);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--glass-backdrop);background:#fffffff2;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-md);margin-bottom:1.5rem;margin-bottom:var(--space-lg);padding:1.5rem;padding:var(--space-lg)}.progress-header{align-items:center;display:flex;justify-content:center;margin-bottom:1rem;margin-bottom:var(--space-md)}.progress-header h3{align-items:center;color:#1d1d1f;color:var(--text-primary);display:flex;font-size:1rem;font-size:var(--font-size-md);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--space-sm);margin:0}.progress-header h3:before{content:"📊";font-size:1.125rem;font-size:var(--font-size-lg)}.progress-steps{align-items:center;display:flex;justify-content:space-between;position:relative}.progress-steps:before{content:"";height:2px;left:0;position:absolute;right:0;top:50%;z-index:1}.progress-step,.progress-steps:before{background:#0000001a;background:var(--border-color)}.progress-step{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:700;font-weight:var(--font-weight-bold);height:30px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--transition-smooth);width:30px;z-index:2}.progress-step.active{background:#007aff;background:var(--primary);transform:scale(1.1)}.progress-step.completed{background:#34c759;background:var(--success)}@media (max-width:768px){.signup-container{margin:1rem auto;margin:var(--space-md) auto;width:95%}.signup-form,.signup-form-card,.signup-header-card{padding:1.5rem;padding:var(--space-lg)}.form-grid{gap:1rem;gap:var(--space-md);grid-template-columns:1fr}.buttons-container{flex-direction:column}.signup-system-time,.signup-user-badge{display:inline-block;margin:.5rem auto 0;margin:var(--space-sm) auto 0;position:static}.signup-brand h1{font-size:1.25rem;font-size:var(--font-size-xl)}.file-input-label{min-height:100px;padding:1.5rem;padding:var(--space-lg)}.file-input-label .upload-icon{font-size:1.5rem;font-size:var(--font-size-2xl)}}@media (max-width:480px){.staff-signup-page{padding:1rem 0;padding:var(--space-md) 0}.signup-form,.signup-form-card,.signup-header-card{padding:1rem;padding:var(--space-md)}.signup-brand h1,.signup-form-header h2{font-size:1.125rem;font-size:var(--font-size-lg)}.form-control,.signup-form input,.signup-form select,.signup-form textarea{padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.image-preview-container{margin-top:.25rem;margin-top:var(--space-xs);padding:.25rem;padding:var(--space-xs)}.multiple-images-preview{gap:.25rem;gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.preview-image{height:50px;width:50px}.single-image-preview .preview-image{height:80px;width:80px}.file-input-label{min-height:80px;padding:1rem;padding:var(--space-md)}.file-input-label .upload-icon{font-size:1.25rem;font-size:var(--font-size-xl)}.file-input-label .upload-text{font-size:.875rem;font-size:var(--font-size-sm)}.file-input-label .upload-hint{font-size:.75rem;font-size:var(--font-size-xs)}}.form-control:focus,.signup-cancel-btn:focus,.signup-form input:focus,.signup-form select:focus,.signup-form textarea:focus,.signup-submit-btn:focus{outline:2px solid #007aff;outline:2px solid var(--primary);outline-offset:2px}@media print{.signup-form-header:before,.signup-header-card:before,.signup-system-time,.signup-user-badge{display:none}.signup-form-card,.signup-header-card{border:1px solid #ccc;box-shadow:none}}.staff-signup-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background:var(--bg-gradient);flex:1 1;padding:1.5rem 0;padding:var(--space-lg) 0;position:relative}.signup-info-card{backdrop-filter:blur(20px);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--glass-backdrop);background:#fffffff2;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 12px 35px #0003;box-shadow:var(--shadow-lg);margin-bottom:1.5rem;margin-bottom:var(--space-lg);overflow:hidden;padding:2rem;padding:var(--space-xl);position:relative;text-align:center}.signup-info-card:before{background:linear-gradient(90deg,#007aff,#30b0c7 50%,#34c759);background:linear-gradient(90deg,var(--primary) 0,var(--ios-teal) 50%,var(--ios-green) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.signup-stats{display:flex;gap:2rem;gap:var(--space-xl);justify-content:center;margin-top:1.5rem;margin-top:var(--space-lg)}.stat-number{font-size:1.25rem;font-size:var(--font-size-xl);font-weight:900;font-weight:var(--font-weight-black);line-height:1}.stat-label{font-size:.75rem;font-size:var(--font-size-xs)}.signup-header-card{display:none}.signup-container{max-width:800px;padding-top:0}@media (max-width:768px){.signup-stats{flex-direction:row;gap:1rem;gap:var(--space-md)}.stat-item{flex:1 1}.stat-number{font-size:1.125rem;font-size:var(--font-size-lg)}.stat-label{font-size:10px}}@media (max-width:480px){.signup-stats{gap:.5rem;gap:var(--space-sm)}.signup-info-card{padding:1.5rem;padding:var(--space-lg)}.stat-number{font-size:1rem;font-size:var(--font-size-md)}}.main-app-header .nav-link[href="/signup"]{background:#007aff33;color:#0056b3;color:var(--primary-dark)}.staff-signup-page{margin-top:0;padding-top:1.5rem;padding-top:var(--space-lg)}.signup-success-popup{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.signup-success-popup .popup-content{animation:slideIn .3s ease-out;background:#fff;background:var(--bg-light);border:1px solid #0000000d;border:1px solid var(--border-light);border-radius:16px;box-shadow:0 20px 60px #00000040;box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;padding:40px 32px;position:relative;text-align:center;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.signup-success-popup .popup-content h3{align-items:center;color:#007aff;color:var(--primary);display:flex;font-size:1.8rem;font-weight:600;gap:10px;justify-content:center;margin-bottom:20px}.signup-success-popup .popup-content h3:before{content:"✅";font-size:1.5rem}.signup-success-popup .popup-content p{color:#86868b;color:var(--text-secondary);font-size:1.1rem;line-height:1.5;margin-bottom:24px}.signup-success-popup .popup-content>div{background:#f5f7fa;background:var(--bg-medium);border:1px solid #0000000d;border:1px solid var(--border-light);border-radius:8px;margin:12px 0;padding:12px 16px;text-align:right}.signup-success-popup .popup-content>div strong{color:#007aff;color:var(--primary);font-weight:600;margin-left:8px}.signup-success-popup .popup-content button{background:#007aff;background:var(--primary);border:none;border-radius:12px;box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:24px;max-width:300px;padding:14px 32px;transition:all .3s ease;width:100%}.signup-success-popup .popup-content button:hover{background:#0056b3;background:var(--primary-dark);box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.signup-success-popup .popup-content button:active{box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-sm);transform:translateY(0)}@media (max-width:768px){.signup-success-popup{padding:16px}.signup-success-popup .popup-content{max-width:100%;padding:32px 24px}.signup-success-popup .popup-content h3{font-size:1.5rem}.signup-success-popup .popup-content button{font-size:1rem;padding:12px 24px}}@media (max-width:480px){.signup-success-popup .popup-content{border-radius:12px;padding:24px 20px}.signup-success-popup .popup-content h3{font-size:1.3rem}}.qr-btn{align-items:center;background:#16a34a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:1em;gap:4px;margin-right:10px;padding:8px 14px;transition:background .2s}.qr-btn i{font-size:1.2em}.qr-btn:focus,.qr-btn:hover{background:#15803d}.qr-btn:active{background:#11632a}.qr-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.qr-modal>div{background:#fff;border-radius:10px;padding:24px}.display-field{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #0000000d;border:2px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);margin-top:.25rem;margin-top:var(--space-xs);padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg)}.display-field .field-value{color:#1d1d1f;color:var(--text-primary);display:block;font-size:1rem;font-size:var(--font-size-md);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.25rem;margin-bottom:var(--space-xs)}.display-field .field-note{color:#a1a1a6;color:var(--text-muted);display:block;font-size:.875rem;font-size:var(--font-size-sm);font-style:italic}.image-preview-container{background:#fff;background:var(--bg-light);border:2px dashed #0000001a;border:2px dashed var(--border-color);border-radius:var(--border-radius-lg);margin-top:.5rem;margin-top:var(--space-sm);padding:.5rem;padding:var(--space-sm)}.image-preview-container,.single-image-preview{box-sizing:border-box;max-width:100%;overflow:hidden;width:100%}.single-image-preview{align-items:center;display:flex;justify-content:center}.multiple-images-preview{grid-gap:.5rem;grid-gap:var(--space-sm);box-sizing:border-box;display:grid;gap:.5rem;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:200px;max-width:100%;overflow-y:auto;width:100%}.image-preview-item{border-radius:var(--border-radius-md);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transition:transform .2s ease}.image-preview-item:hover{transform:scale(1.02)}.preview-image{border:2px solid #0000000d;border:2px solid var(--border-light);border-radius:var(--border-radius-md);box-sizing:border-box;cursor:pointer;height:80px;max-width:100%;transition:all .3s ease;width:80px}.preview-image:hover{border-color:#007aff;border-color:var(--primary);box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-md)}.single-image-preview .preview-image{box-sizing:border-box;height:120px;max-width:100%;width:120px}.file-input-container{box-sizing:border-box;max-width:100%;width:100%}.file-input-label:has(~.image-preview-container){background:#34c7590d;border:2px solid #34c759;border:2px solid var(--success)}.file-input-label:has(~.image-preview-container) .upload-hint{color:#34c759;color:var(--success);font-weight:500;font-weight:var(--font-weight-medium)}@media (max-width:768px){.multiple-images-preview{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.preview-image{height:60px;width:60px}.single-image-preview .preview-image{height:100px;width:100px}}.preview-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:0}.preview-header{background:linear-gradient(135deg,#007aff,#0056b3);box-shadow:0 4px 20px #007aff4d;color:#fff;overflow:hidden;padding:2rem;position:relative}.preview-header:before{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.back-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;display:flex;font-size:1rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1.5rem}.back-btn:hover{background:#ffffff4d;box-shadow:0 8px 25px #0003}.header-content{position:relative;z-index:1}.page-title{font-size:2.5rem;font-weight:900;margin:0 0 .5rem;text-shadow:0 2px 4px #0000001a}.page-subtitle{align-items:center;display:flex;font-size:1.2rem;font-weight:500;gap:.5rem;margin:0;opacity:.9}.profile-section{background:#fff;border-bottom:1px solid #00000014;display:flex;justify-content:center;padding:2rem}.profile-photo-container{align-items:center;display:flex;justify-content:center;position:relative}.no-profile-photo,.profile-photo{border:4px solid #fff;border-radius:50%;box-shadow:0 8px 32px #0000001a;cursor:pointer;height:150px;object-fit:cover;transition:all .3s ease;width:150px}.no-profile-photo{align-items:center;background:linear-gradient(135deg,#e3e3e3,#c8c8c8);color:#666;display:flex;font-size:4rem;justify-content:center}.no-profile-photo:hover,.profile-photo:hover{box-shadow:0 12px 40px #00000026;transform:scale(1.05)}.photo-badge{align-items:center;background:#007aff;border-radius:50%;bottom:10px;box-shadow:0 4px 12px #007aff4d;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:absolute;right:10px;width:40px}.preview-body{margin:0 auto;max-width:1400px;padding:2rem}.review-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:#fff;border:1px solid #00000014;border-radius:16px;box-shadow:0 4px 20px #0000000f;transition:all .3s ease}.form-section:hover{box-shadow:0 8px 30px #0000001a}.section-header{align-items:center;border-bottom:2px solid #f0f0f0;color:#1d1d1f;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.section-header span{font-size:1.8rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.form-field{display:flex;flex-direction:column;gap:.75rem}.field-label{align-items:center;color:#1d1d1f;display:flex;font-size:1rem;font-weight:600;gap:.5rem}.field-icon{font-size:1.2rem}.field-value{align-items:center;background:#fafbfc;border:1px solid #00000014;border-radius:12px;color:#666;display:flex;min-height:24px;padding:1rem;transition:all .2s ease}.field-value:hover{background:#f5f7fa;border-color:#007aff33}.contact-link{color:#007aff;font-weight:600;text-decoration:none;transition:color .2s ease}.contact-link:hover{color:#0056b3;text-decoration:underline}.file-field .field-value{background:#0000;border:none;padding:.5rem}.file-preview-container{flex-wrap:wrap;gap:.75rem}.document-image-wrapper{border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;position:relative;transition:transform .2s ease}.document-image-wrapper:hover{transform:scale(1.02)}.document-image{border:2px solid #00000014;border-radius:10px;cursor:pointer;height:120px;object-fit:cover;transition:all .2s ease;width:120px}.document-image:hover{border-color:#007aff;box-shadow:0 8px 25px #007aff33}.image-fallback,.no-document{align-items:center;background:#f0f0f0;border-radius:8px;color:#999;display:flex;font-size:.9rem;height:80px;justify-content:center;padding:.5rem;text-align:center;width:120px}.multiple-images-preview{align-items:center;gap:.75rem}.multiple-images-counter{background:#007aff;border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;margin-left:1rem;padding:.5rem 1rem}.status-badge{border-radius:20px;display:inline-flex;gap:.25rem;padding:.5rem 1rem}.badge-yes{background:#34c7591a;border:1px solid #34c7594d;color:#34c759}.badge-no{background:#ff3b301a;border:1px solid #ff3b304d;color:#ff3b30}.financial-badge{border-radius:25px;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.financial-poor{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff}.financial-average{background:linear-gradient(135deg,#ffa726,#ff9800);color:#fff}.financial-above-average{background:linear-gradient(135deg,#66bb6a,#4caf50);color:#fff}.financial-high{background:linear-gradient(135deg,#42a5f5,#2196f3);color:#fff}@media (min-width:1440px){.form-grid{gap:2rem;grid-template-columns:repeat(3,1fr)}.preview-body{padding:3rem}}@media (min-width:1024px) and (max-width:1439px){.form-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.preview-body{padding:2rem}.form-section{padding:1.5rem}}@media (min-width:768px) and (max-width:1023px){.form-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.preview-body{padding:1.5rem}.form-section{padding:1.25rem}.field-label{font-size:.9rem}.page-title{font-size:2rem}.no-profile-photo,.profile-photo{height:120px;width:120px}}@media (max-width:767px){.preview-header{padding:1.5rem 1rem}.page-title{font-size:1.8rem}.page-subtitle{font-size:1rem}.profile-section{padding:1.5rem}.no-profile-photo,.profile-photo{height:100px;width:100px}.preview-body{padding:1rem}.form-grid{gap:1rem;grid-template-columns:1fr}.form-section{padding:1rem}.field-label{font-size:.85rem}.field-value{padding:.75rem}.document-image{height:80px;width:80px}.image-fallback,.no-document{font-size:.8rem;height:60px;width:80px}.back-btn{font-size:.9rem;padding:.5rem 1rem}}@media print{.preview-page{background:#fff}.back-btn{display:none}.preview-header{background:#fff;box-shadow:none;color:#000}.form-section{border:1px solid #ccc;box-shadow:none;break-inside:avoid;margin-bottom:1rem;page-break-inside:avoid}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1d1d1f;color:var(--text-primary);direction:rtl;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,SF Pro Display,Helvetica Neue,Arial,sans-serif;line-height:1.6}.requests-page,body{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background:var(--bg-gradient)}.requests-page{min-height:100vh;padding:2rem 0;padding:var(--space-xl) 0;position:relative}.requests-page:before{background:radial-gradient(circle at 20% 20%,#007aff0d 0,#0000 50%),radial-gradient(circle at 80% 80%,#34c7590d 0,#0000 50%),radial-gradient(circle at 40% 60%,#ff950008 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.signup-container{animation:fadeInUp .6s cubic-bezier(.25,.46,.45,.94) .3s;animation:fadeInUp .6s var(--transition-smooth);margin:0 auto;max-width:900px;width:90%}.signup-container h2{align-items:center;backdrop-filter:blur(20px);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--glass-backdrop);background:#fffffff2;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 12px 35px #0003;box-shadow:var(--shadow-lg);color:#1d1d1f;color:var(--text-primary);display:flex;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:900;font-weight:var(--font-weight-black);gap:.5rem;gap:var(--space-sm);justify-content:center;margin:0 0 1.5rem;margin:0 0 var(--space-lg) 0;overflow:hidden;padding:2rem;padding:var(--space-xl);position:relative;text-align:center}.signup-container h2:before{content:"📋";font-size:2rem;font-size:var(--font-size-3xl)}.signup-container h2:after{background:linear-gradient(90deg,#007aff,#30b0c7 50%,#34c759);background:linear-gradient(90deg,var(--primary) 0,var(--ios-teal) 50%,var(--ios-green) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.tab-navigation{backdrop-filter:blur(20px);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--glass-backdrop);background:#fffffff2;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-md);display:flex;gap:.5rem;gap:var(--space-sm);margin-bottom:2rem;margin-bottom:var(--space-xl);padding:.5rem;padding:var(--space-sm)}.tab-btn{background:#0000;border:none;border-radius:12px;border-radius:var(--radius-md);color:#86868b;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:1rem;font-size:var(--font-size-md);font-weight:600;font-weight:var(--font-weight-semibold);overflow:hidden;padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--transition-smooth)}.tab-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.tab-btn:hover:before{left:100%}.tab-btn:hover{background:#007aff1a;color:#007aff;color:var(--primary);transform:translateY(-1px)}.tab-btn.active{background:linear-gradient(135deg,#007aff,#0056b3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:0 4px 15px #007aff4d;color:#fff;transform:translateY(-2px)}.tab-btn.active:hover{box-shadow:0 8px 25px #007aff66}.tab-count{align-items:center;background:#ffffff4d;border-radius:12px;color:inherit;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;margin-left:8px;min-width:20px;padding:2px 8px;text-align:center}.tab-btn:not(.active) .tab-count{background:#007aff1a;color:#007aff;color:var(--primary)}.accept-save-btn{background:linear-gradient(135deg,#34c759,#28a745)!important;background:linear-gradient(135deg,var(--success) 0,#28a745 100%)!important;border:none!important;border-radius:6px!important;box-shadow:0 2px 8px #34c7594d!important;color:#fff!important;font-size:13px!important;font-weight:600!important;padding:8px 16px!important;transition:all .3s ease!important}.accept-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#28a745,#1e7e34)!important;box-shadow:0 4px 12px #34c75966!important;transform:translateY(-1px)!important}.accept-save-btn:disabled{cursor:not-allowed!important;opacity:.6!important;transform:none!important}.multiple-images-preview{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.multiple-images-preview img{border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 2px 8px #0000001a;cursor:pointer;max-height:60px;max-width:60px;transition:transform .2s ease,box-shadow .2s ease}.multiple-images-preview img:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.multiple-images-counter{color:#64748b;font-size:12px;font-weight:500;margin-top:4px}.requests-form-container{backdrop-filter:blur(20px);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--glass-backdrop);background:#fffffff2;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 12px 35px #0003;box-shadow:var(--shadow-lg);padding:2rem;padding:var(--space-xl)}.form-group,.requests-form-container{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.form-group label{font-size:.875rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:.25rem;gap:var(--space-xs);margin-bottom:.5rem;margin-bottom:var(--space-sm)}.form-group input,.form-group select,.form-group textarea{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;background:var(--glass-bg);border:2px solid #0000001a;border:2px solid var(--border-color);border-radius:var(--radius-md);color:#1d1d1f;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-md);font-weight:400;font-weight:var(--font-weight-normal);padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--transition-smooth)}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:#a1a1a6;color:var(--text-muted);font-weight:400;font-weight:var(--font-weight-normal)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fffffffa;border-color:var(--primary);box-shadow:0 0 0 4px #007aff1a;transform:translateY(-1px)}.select-wrapper{display:block;position:relative}.form-group select{-webkit-appearance:none;appearance:none;background-image:none;background-position:left 15px center;background-repeat:no-repeat;cursor:pointer;padding-left:45px;padding-right:45px;width:100%}.select-arrow{color:#007aff;color:var(--primary);font-size:14px;pointer-events:none;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:all .3s ease}.select-wrapper:hover .select-arrow{color:#0056b3;color:var(--primary-dark);transform:translateY(-50%) scale(1.1)}.form-group select:focus+.select-arrow{color:#0056b3;color:var(--primary-dark);transform:translateY(-50%) rotate(180deg)}.form-group textarea{font-family:inherit;line-height:1.6;min-height:120px}.criteria-card{background:linear-gradient(135deg,#007aff1a,#007aff0d);border:2px solid #007aff33;border-radius:12px;border-radius:var(--radius-md);margin-bottom:1.5rem;margin-bottom:var(--space-lg);overflow:hidden;padding:1.5rem;padding:var(--space-lg);position:relative}.criteria-card:before{background:#007aff;background:var(--primary);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.criteria-card strong{align-items:center;color:#007aff;color:var(--primary);display:flex;font-size:1rem;font-size:var(--font-size-md);font-weight:700;font-weight:var(--font-weight-bold);gap:.5rem;gap:var(--space-sm);margin-bottom:1rem;margin-bottom:var(--space-md)}.criteria-card strong:before{content:"📋";font-size:1.125rem;font-size:var(--font-size-lg)}.criteria-card ul{list-style:none;margin:0;padding:0 1.5rem;padding:0 var(--space-lg)}.criteria-card li{background:#ffffffb3;border-radius:8px;border-radius:var(--radius-sm);color:#1d1d1f;color:var(--text-primary);margin-bottom:.5rem;margin-bottom:var(--space-sm);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);padding-right:35px;position:relative}.criteria-card li,.criteria-card li:before{font-size:.875rem;font-size:var(--font-size-sm)}.criteria-card li:before{color:#34c759;color:var(--success);content:"✓";font-weight:700;font-weight:var(--font-weight-bold);position:absolute;right:.5rem;right:var(--space-sm);top:50%;transform:translateY(-50%)}.file-input-label{border:2px dashed #007aff;border:2px dashed var(--primary);border-radius:12px;border-radius:var(--radius-md);min-height:120px;padding:2rem;padding:var(--space-xl)}.file-input-label:before{color:#007aff;color:var(--primary);content:"📎";display:block;font-size:2rem;font-size:var(--font-size-3xl);margin-bottom:.5rem;margin-bottom:var(--space-sm)}.file-input-label:hover{background:#007aff0d;box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.file-input-label:hover:after{background:linear-gradient(45deg,#0000 30%,#007aff1a 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.file-input-label input[type=file]{border:none;cursor:pointer;height:100%;opacity:0;padding:0;position:absolute;width:100%}.buttons-container{gap:1rem;gap:var(--space-md);margin-top:2rem;margin-top:var(--space-xl)}.buttons-container.full-width{grid-column:1/-1}.buttons-container button{border-radius:var(--radius-md);flex:1 1;font-size:1rem;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--space-sm);overflow:hidden;padding:1rem 2rem;padding:var(--space-md) var(--space-xl);position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--transition-smooth)}.buttons-container button[type=submit]{background:linear-gradient(135deg,#007aff,#0056b3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:0 4px 15px #007aff4d}.buttons-container button[type=submit]:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.buttons-container button[type=submit]:hover:before{left:100%}.buttons-container button[type=submit]:hover:not(:disabled){box-shadow:0 8px 25px #007aff66;transform:translateY(-2px)}.buttons-container button[type=submit]:disabled{box-shadow:0 4px 15px #007aff33!important;cursor:not-allowed;opacity:.6;transform:none!important}.result-message{align-items:center;animation:slideInDown .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid;border-radius:var(--radius-md);display:flex;flex-direction:column;font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--space-sm);margin-top:1.5rem;margin-top:var(--space-lg);padding:1.5rem;padding:var(--space-lg)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.success-message{background:#34c7591a;border-color:#34c7594d;color:#34c759;color:var(--success)}.success-message:before{content:"✅";font-size:1.5rem;font-size:var(--font-size-2xl)}.error-message{animation:shake .5s ease-in-out;background:#ff3b301a;border-color:#ff3b304d;color:#ff3b30;color:var(--error)}.error-message:before{content:"❌";font-size:1.5rem;font-size:var(--font-size-2xl)}.request-code-display{background:linear-gradient(135deg,#007aff,#0056b3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-md);color:#fff;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-weight-bold);margin-top:1rem;margin-top:var(--space-md);overflow:hidden;padding:1rem;padding:var(--space-md);position:relative;text-align:center}.request-code-display:before{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.request-code-display .code-label{font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:.25rem;margin-bottom:var(--space-xs);opacity:.9}.request-code-display .code-value{font-size:1.25rem;font-size:var(--font-size-xl);font-weight:900;font-weight:var(--font-weight-black);letter-spacing:1px;text-shadow:0 1px 2px #0000001a}.history-container{backdrop-filter:blur(20px);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--glass-backdrop);background:#fffffff2;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 12px 35px #0003;box-shadow:var(--shadow-lg);margin-top:1.5rem;margin-top:var(--space-lg);padding:2rem;padding:var(--space-xl)}.history-table{background:#fff;border-collapse:collapse;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-sm);overflow:hidden;width:100%}.history-table th{background:linear-gradient(135deg,#007aff,#0056b3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;color:#fff;font-size:.875rem;font-size:var(--font-size-sm);font-weight:700;font-weight:var(--font-weight-bold);padding:1.5rem;padding:var(--space-lg);position:relative;text-align:center}.history-table th:after{background:#ffffff4d;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.history-table td{background:#fff;border-bottom:1px solid #0000000d;border-bottom:1px solid var(--border-light);color:#1d1d1f;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm);padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);text-align:center;transition:all .15s ease;transition:all var(--transition-fast)}.history-table tr:hover td{background:#007aff0d}.history-table tr:last-child td{border-bottom:none}.status-badge{border-radius:50px;border-radius:var(--radius-full);font-size:.75rem;font-size:var(--font-size-xs);font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.status-pending{background:#ff950033;border:1px solid #ff95004d;color:#ff9500;color:var(--warning)}.status-approved{background:#34c75933;border:1px solid #34c7594d;color:#34c759;color:var(--success)}.status-rejected{background:#ff3b3033;border:1px solid #ff3b304d;color:#ff3b30;color:var(--error)}.loading-state{align-items:center;color:#86868b;color:var(--text-secondary);display:flex;font-size:1rem;font-size:var(--font-size-md);gap:1rem;gap:var(--space-md);justify-content:center;padding:3rem;padding:var(--space-2xl)}.loading-spinner{border:3px solid #007aff33;border-left:3px solid var(--primary);height:24px;width:24px}.empty-state{padding:3rem;padding:var(--space-2xl)}.empty-state:before{content:"📭";display:block;font-size:2rem;font-size:var(--font-size-3xl);margin-bottom:1rem;margin-bottom:var(--space-md);opacity:.7}.user-info-badge{align-items:center;background:#007aff1a;border:1px solid #007aff33;border-radius:50px;border-radius:var(--radius-full);color:#007aff;color:var(--primary);display:flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);gap:.25rem;gap:var(--space-xs);left:1rem;left:var(--space-md);padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm);position:absolute;top:1rem;top:var(--space-md)}.user-info-badge:before{content:"👤";font-size:.875rem;font-size:var(--font-size-sm)}@media (max-width:768px){.signup-container{padding:0 .5rem;padding:0 var(--space-sm);width:95%}.tab-navigation{flex-direction:column;gap:.25rem;gap:var(--space-xs)}.tab-btn{font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.requests-form-container{padding:1.5rem;padding:var(--space-lg)}.form-group input,.form-group select,.form-group textarea{padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.file-input-label{min-height:100px;padding:1.5rem;padding:var(--space-lg)}.buttons-container{flex-direction:column}.history-table{font-size:.75rem;font-size:var(--font-size-xs)}.history-table td,.history-table th{padding:.5rem;padding:var(--space-sm)}.signup-container h2{font-size:1.25rem;font-size:var(--font-size-xl);padding:1.5rem;padding:var(--space-lg)}}@media (max-width:480px){.signup-container{width:98%}.requests-form-container,.signup-container h2{padding:1rem;padding:var(--space-md)}.signup-container h2{font-size:1.125rem;font-size:var(--font-size-lg)}.criteria-card,.file-input-label{padding:1rem;padding:var(--space-md)}.file-input-label{min-height:80px}.file-input-label:before{font-size:1.5rem;font-size:var(--font-size-2xl)}.request-code-display{padding:.5rem;padding:var(--space-sm)}.request-code-display .code-value{font-size:1rem;font-size:var(--font-size-md)}}.buttons-container button:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.tab-btn:focus{outline:2px solid #007aff;outline:2px solid var(--primary);outline-offset:2px}@media print{.buttons-container,.file-input-container,.tab-navigation{display:none}.history-container,.requests-form-container{border:1px solid #ccc;box-shadow:none}.history-table th{background:#f0f0f0!important;color:#333!important}}.reset-password-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);direction:rtl;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.reset-password-container{display:flex;flex-direction:column;gap:25px;max-width:500px;width:100%}.reset-header-card{animation:slideUp .5s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:25px;box-shadow:0 20px 60px #0003;padding:35px;text-align:center}.reset-brand{align-items:center;display:flex;flex-direction:column;gap:12px}.reset-brand .brand-icon{color:#667eea;font-size:3.5rem;margin-bottom:10px}.reset-brand h1{color:#333;font-size:2rem;font-weight:700;margin:0}.reset-brand p{color:#666;font-size:1.1rem;line-height:1.5;margin:0}.step-indicator{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 15px 35px #0000001a;gap:20px;padding:25px}.step,.step-indicator{align-items:center;display:flex;justify-content:center}.step{background:#e9ecef;border-radius:50%;color:#6c757d;font-size:18px;font-weight:700;height:45px;position:relative;transition:all .3s ease;width:45px}.step.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff;transform:scale(1.1)}.step.completed{background:#28a745;box-shadow:0 4px 15px #28a74566;color:#fff}.step-connector{background:#e9ecef;border-radius:2px;height:3px;transition:all .3s ease;width:50px}.step-connector.active{background:linear-gradient(90deg,#667eea,#764ba2)}.reset-form-card{animation:slideUp .6s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff4d;border-radius:25px;box-shadow:0 20px 60px #0003}.form-header{margin-bottom:30px}.form-header h2{color:#333;font-size:1.6rem;margin-bottom:8px}.form-header p{color:#666;font-size:1rem;line-height:1.5}.reset-form{width:100%}.form-group{margin-bottom:25px}.form-group label i{color:#667eea;font-size:16px;width:16px}.form-control{background:#fafbfc;border:2px solid #e1e8ed;border-radius:15px;box-sizing:border-box;direction:rtl;font-family:inherit;font-size:16px;padding:15px 20px;width:100%}.form-control:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-2px)}.form-control:disabled{background:#f8f9fa;border-color:#dee2e6;color:#6c757d;cursor:not-allowed}.form-control.error{background:#fff5f5;border-color:#dc3545}.reset-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:20px;padding:15px 20px;transition:all .3s ease;width:100%}.reset-btn:hover:not(:disabled){box-shadow:0 10px 25px #667eea4d;transform:translateY(-3px)}.reset-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.reset-btn i{font-size:14px}.retry-btn{align-items:center;background:#0000;border:2px solid #667eea;border-radius:12px;color:#667eea;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;margin-top:15px;padding:12px 20px;transition:all .3s ease;width:100%}.retry-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.back-btn{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);display:inline-flex;gap:8px;justify-content:center;margin-bottom:10px;padding:12px 25px;text-decoration:none;width:100%}.back-btn:hover{box-shadow:0 8px 20px #28a7454d;color:#fff;text-decoration:none}.message{align-items:center;animation:fadeIn .3s ease;border-radius:12px;display:flex;font-weight:500;gap:8px;justify-content:center;margin-top:20px;padding:15px;text-align:center}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.message i{font-size:16px}.success-state{animation:fadeIn .5s ease;text-align:center}.success-icon{color:#28a745;display:block;margin-bottom:20px}.success-state h2{color:#333;font-size:1.6rem;font-weight:600;margin-bottom:15px}.success-state p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:25px}.success-actions{display:flex;flex-direction:column;gap:15px}.instructions{background:#f8f9fa;border-radius:12px;border-right:4px solid #667eea;margin:20px 0;padding:20px}.instructions h4{color:#333;font-size:1rem;font-weight:600;margin-bottom:10px}.instructions p{color:#666;font-size:14px;line-height:1.5;margin:0}.back-to-login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 15px 35px #0000001a;padding:25px}.back-to-login-card p{color:#666;font-size:1rem;margin-bottom:15px}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.reset-password-page{padding:15px}.reset-password-container{gap:20px}.reset-form-card,.reset-header-card{padding:30px 25px}.step-indicator{gap:15px;padding:20px}.reset-brand h1{font-size:1.6rem}.step{font-size:16px;height:40px}.step,.step-connector{width:40px}.success-actions{gap:12px}}@media (max-width:480px){.reset-form-card,.reset-header-card{padding:25px 20px}.step-indicator{gap:12px;padding:15px}.step{font-size:14px;height:35px;width:35px}.step-connector{width:30px}.form-control,.reset-btn{font-size:15px;padding:12px 15px}.instructions{padding:15px}.reset-brand .brand-icon{font-size:3rem}}.back-btn:focus,.form-control:focus,.reset-btn:focus,.retry-btn:focus{outline:3px solid #667eea80;outline-offset:2px}.reset-form-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 15px 35px #0000001a;padding:40px}.reset-form{display:flex;flex-direction:column;gap:25px}.form-header{margin-bottom:20px}.form-header h2{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 10px}.form-header p{color:#7f8c8d}.form-group label{align-items:center;color:#34495e;display:flex;gap:8px}.form-group label i{color:#3498db}.form-control{background:#f8f9fa;border:2px solid #e0e6ed;border-radius:12px;font-size:1rem;padding:15px;transition:all .3s ease}.form-control:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.password-strength-info{background:#f8f9fa;border-radius:12px;border-right:4px solid #3498db;padding:15px}.password-strength-info p{color:#2c3e50;font-weight:600;margin:0 0 10px}.password-strength-info ul{list-style:none;margin:0;padding-right:20px}.password-strength-info li{color:#7f8c8d;margin:8px 0;padding-right:25px;position:relative;transition:color .3s ease}.password-strength-info li:before{color:#e74c3c;content:"✗";font-weight:700;position:absolute;right:0;transition:all .3s ease}.password-strength-info li.valid{color:#27ae60}.password-strength-info li.valid:before{color:#27ae60;content:"✓"}.reset-submit-btn{align-items:center;background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;padding:15px 25px;transition:all .3s ease}.reset-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#2ecc71,#27ae60);box-shadow:0 5px 15px #2ecc714d;transform:translateY(-2px)}.reset-submit-btn:disabled{background:#bdc3c7;cursor:not-allowed;opacity:.7;transform:none}.success-message-container{align-items:center;display:flex;flex-direction:column;gap:20px;text-align:center}.success-icon{font-size:4rem;margin-bottom:10px}.success-message-container h3{color:#27ae60;font-size:1.5rem;font-weight:600;margin:0}.success-message{color:#2c3e50;font-size:1.1rem;line-height:1.6;margin:0}.redirect-message{color:#7f8c8d;font-style:italic;margin:0}.loading-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 15px 35px #0000001a}.loading-spinner{border:4px solid #e0e6ed;border-top-color:#3498db;margin:0 auto 20px}.error-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 15px 35px #0000001a;padding:40px;text-align:center}.error-icon{font-size:4rem;margin-bottom:20px}.error-card h2{color:#e74c3c;font-size:1.5rem;font-weight:600;margin:0 0 15px}.error-card p{color:#7f8c8d;margin:0 0 25px}.try-again-btn{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:12px;color:#fff;display:inline-flex;font-weight:600;gap:8px;padding:12px 25px;text-decoration:none;transition:all .3s ease}.try-again-btn:hover{background:linear-gradient(135deg,#2980b9,#21618c);box-shadow:0 5px 15px #3498db4d;color:#fff;text-decoration:none;transform:translateY(-2px)}.back-to-login-card{background:#ffffffe6;border-radius:15px;box-shadow:0 5px 15px #00000014;padding:20px;text-align:center}.back-to-login-card p{color:#7f8c8d;margin:0 0 15px}.back-to-login-link{align-items:center;border-radius:8px;color:#3498db;display:inline-flex;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.back-to-login-link:hover{background:#3498db1a;color:#2980b9;text-decoration:none}.error-message{background:#ffe6e6;border:1px solid #f5b7b1;border-radius:8px;color:#e74c3c;font-weight:500;padding:15px;text-align:center}@media (max-width:768px){.reset-password-page{padding:10px}.error-card,.loading-card,.reset-form-card,.reset-header-card{padding:25px}.reset-brand h1{font-size:1.6rem}.reset-brand p{font-size:1rem}.form-header h2{font-size:1.3rem}.password-strength-info{padding:15px}}@media (max-width:480px){.back-to-login-card,.error-card,.loading-card,.reset-form-card,.reset-header-card{padding:20px}.reset-brand .brand-icon{font-size:2.5rem}.reset-brand h1{font-size:1.4rem}.error-icon,.success-icon{font-size:3rem}}.admin-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#007aff,#5856d6);border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #007aff4d;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.admin-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:16px 32px}.admin-header-info{flex:1 1}.admin-header-title{color:#fff;font-size:24px;font-weight:700;margin:0;text-shadow:0 2px 4px #0003}.admin-header-subtitle{font-size:14px;font-weight:400;margin:4px 0 0;opacity:.9}.admin-logout-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:80px;padding:10px 16px;transition:all .3s ease}.admin-logout-btn:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.admin-logout-btn:active{transform:translateY(0)}.logout-icon{font-size:16px}.logout-text{font-family:inherit}@media (max-width:768px){.admin-header-content{padding:12px 20px}.admin-header-title{font-size:20px}.admin-header-subtitle{font-size:13px}.admin-logout-btn{font-size:13px;min-width:70px;padding:8px 12px}.logout-text{display:none}.logout-icon{font-size:18px}}@media (max-width:480px){.admin-header-content{padding:10px 16px}.admin-header-title{font-size:18px}}:root{--ios-indigo:#5856d6;--ios-pink:#ff2d92;--shadow-xl:0 20px 60px #00000040;--transition-fast:0.15s ease;--transition-normal:0.25s ease}.staff-table-wrapper{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background:var(--bg-gradient);min-height:100vh;padding:2rem;padding:var(--space-xl);position:relative}.staff-table-wrapper:before{background:radial-gradient(circle at 20% 20%,#007aff0d 0,#0000 50%),radial-gradient(circle at 80% 80%,#34c7590d 0,#0000 50%),radial-gradient(circle at 40% 60%,#ff950008 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.staff-table-header{align-items:flex-start;backdrop-filter:blur(20px);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--glass-backdrop);background:#fffffff2;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 12px 35px #0003;box-shadow:var(--shadow-lg);display:flex;gap:2rem;gap:var(--space-xl);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-lg);overflow:hidden;padding:2rem;padding:var(--space-xl);position:relative}.staff-table-header:before{background:linear-gradient(90deg,#007aff,#30b0c7 50%,#34c759);background:linear-gradient(90deg,var(--primary) 0,var(--ios-teal) 50%,var(--ios-green) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.header-left h2{align-items:center;color:#1d1d1f;color:var(--text-primary);display:flex;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:900;font-weight:var(--font-weight-black);gap:.5rem;gap:var(--space-sm);margin:0 0 .25rem;margin:0 0 var(--space-xs) 0}.header-subtitle{color:#86868b;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin:0}.header-right{align-items:flex-end;display:flex;flex-direction:column;gap:1rem;gap:var(--space-md)}.staff-search-container{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:2px solid #0000001a;border:2px solid var(--border-color);border-radius:25px;border-radius:var(--radius-xl);display:flex;min-width:350px;padding:.5rem;padding:var(--space-sm);position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--transition-smooth)}.staff-search-container:focus-within{background:#fffffff2;border-color:#007aff;border-color:var(--primary);box-shadow:0 0 0 4px #007aff1a}.search-icon{color:#86868b;color:var(--text-secondary);flex-shrink:0;font-size:1.125rem;font-size:var(--font-size-lg);margin:0 .5rem;margin:0 var(--space-sm)}.staff-search-input{background:#0000;border:none;color:#1d1d1f;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:1rem;font-size:var(--font-size-md);outline:none;padding:.5rem 0;padding:var(--space-sm) 0}.staff-search-input::placeholder{color:#a1a1a6;color:var(--text-muted);font-weight:400;font-weight:var(--font-weight-normal)}.search-clear-btn{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#86868b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.75rem;font-size:var(--font-size-xs);height:24px;justify-content:center;margin-left:.5rem;margin-left:var(--space-sm);transition:all .15s ease;transition:all var(--transition-fast);width:24px}.search-clear-btn:hover{background:#0003;color:#1d1d1f;color:var(--text-primary)}.staff-filter-controls{display:flex;gap:.5rem;gap:var(--space-sm)}.staff-filter-select{-webkit-appearance:none;appearance:none;background:#fffffff2;background:var(--glass-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23007AFF'%3E%3Cpath d='m8 11.5-5-5 1-1 4 4 4-4 1 1-5 5z'/%3E%3C/svg%3E");background-position:left 10px center;background-repeat:no-repeat;border:2px solid #0000001a;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#1d1d1f;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);min-width:120px;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);padding-left:35px;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--transition-smooth)}.staff-filter-select:focus{border-color:#007aff;border-color:var(--primary);box-shadow:0 0 0 3px #007aff1a;outline:none}.staff-action-btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);gap:.25rem;gap:var(--space-xs);overflow:hidden;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);position:relative;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--transition-smooth)}.staff-action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.staff-action-btn:hover:before{left:100%}.staff-refresh-btn{background:linear-gradient(135deg,#007aff,#0056b3);background:linear-gradient(135deg,var(--ios-blue) 0,var(--primary-dark) 100%);box-shadow:0 4px 15px #007aff4d;color:#fff}.staff-refresh-btn:hover{box-shadow:0 8px 25px #007aff66;transform:translateY(-2px)}.staff-preview-btn{background:linear-gradient(135deg,#30b0c7,#20c997);background:linear-gradient(135deg,var(--ios-teal) 0,#20c997 100%);box-shadow:0 4px 15px #30b0c74d;color:#fff}.staff-preview-btn:hover{box-shadow:0 8px 25px #30b0c766;transform:translateY(-2px)}.staff-edit-btn{background:linear-gradient(135deg,#ff9500,#fd7e14);background:linear-gradient(135deg,var(--ios-orange) 0,#fd7e14 100%);box-shadow:0 4px 15px #ff95004d;color:#fff}.staff-edit-btn:hover{box-shadow:0 8px 25px #ff950066;transform:translateY(-2px)}.btn-icon{font-size:1rem;font-size:var(--font-size-md)}.btn-text{font-size:.875rem;font-size:var(--font-size-sm)}.staff-stats{backdrop-filter:blur(20px);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--glass-backdrop);background:#fffffff2;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-md);gap:1.5rem;gap:var(--space-lg);justify-content:space-around;margin-bottom:1.5rem;margin-bottom:var(--space-lg);padding:1.5rem;padding:var(--space-lg)}.staff-stats,.stat-item{align-items:center;display:flex}.stat-item{flex:1 1;flex-direction:column;gap:.25rem;gap:var(--space-xs)}.stat-label{font-size:.875rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.staff-count-number{color:#007aff;color:var(--primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:900;font-weight:var(--font-weight-black);line-height:1}.staff-table-container{backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 12px 35px #0003;box-shadow:var(--shadow-lg);overflow:hidden;padding:0}.staff-table{background:#0000;font-size:.875rem;font-size:var(--font-size-sm)}.staff-table thead{background:linear-gradient(135deg,#007aff,#0056b3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);position:-webkit-sticky;position:sticky;top:0;z-index:10}.staff-table th{font-size:.875rem;font-size:var(--font-size-sm);font-weight:700;font-weight:var(--font-weight-bold);padding:1.5rem;padding:var(--space-lg);position:relative}.staff-table th:after{background:#ffffff4d;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.staff-table tbody tr{border-bottom:1px solid #0000000d;border-bottom:1px solid var(--border-light);transition:all .15s ease;transition:all var(--transition-fast)}.staff-table tbody tr:hover{background:#007aff0d;transform:scale(1.01)}.staff-table tbody tr:last-child{border-bottom:none}.staff-table td{background:#fffc;color:#1d1d1f;color:var(--text-primary);font-weight:400;font-weight:var(--font-weight-normal);padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg)}.staff-photo-cell{text-align:center;width:80px}.staff-photo-cell a{border-radius:50%;display:inline-block;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--transition-smooth)}.staff-photo-cell a:hover{transform:scale(1.05)}.staff-photo{border:3px solid #007aff;border:3px solid var(--primary);border-radius:50%;box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-sm);cursor:pointer;height:50px;object-fit:cover;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--transition-smooth);width:50px}.staff-photo:hover{border-color:#0056b3;border-color:var(--primary-dark);box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-md)}.no-photo{align-items:center;background:linear-gradient(135deg,#8e8e93,#6c757d);background:linear-gradient(135deg,var(--ios-gray) 0,#6c757d 100%);border-radius:50%;box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-sm);color:#fff;display:flex;font-size:1.125rem;font-size:var(--font-size-lg);height:50px;justify-content:center;margin:0 auto;width:50px}.staff-name-cell{min-width:200px;text-align:right}.name-primary{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:.25rem;margin-bottom:var(--space-xs)}.name-secondary{color:#86868b;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-size-xs);font-weight:400;font-weight:var(--font-weight-normal)}.staff-idno-cell{text-align:center}.staff-idno-badge{background:linear-gradient(135deg,#5856d6,#4527a0);background:linear-gradient(135deg,var(--ios-indigo) 0,#4527a0 100%);border-radius:50px;border-radius:var(--radius-full);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-xs);color:#fff;display:inline-block;font-size:.75rem;font-size:var(--font-size-xs);font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.job-title-cell{text-align:center}.job-title-badge{background:linear-gradient(135deg,#af52de,#7b1fa2);background:linear-gradient(135deg,var(--ios-purple) 0,#7b1fa2 100%);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-xs);color:#fff;display:inline-block;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.phone-cell{text-align:center}.phone-link{border-radius:8px;border-radius:var(--radius-sm);color:#007aff;color:var(--primary);display:inline-block;font-weight:500;font-weight:var(--font-weight-medium);padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm);text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.phone-link:hover{background:#007aff1a;color:#0056b3;color:var(--primary-dark);transform:translateY(-1px)}.actions-cell{text-align:center;width:200px}.action-buttons{gap:.25rem;gap:var(--space-xs)}.action-buttons .staff-action-btn{font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.action-buttons .btn-text{display:none}.action-buttons .staff-action-btn:hover .btn-text{display:inline}.staff-loading{align-items:center;backdrop-filter:blur(20px);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--glass-backdrop);background:#fffffff2;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 12px 35px #0003;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-lg);justify-content:center;padding:3rem;padding:var(--space-2xl);text-align:center}.staff-loading span{color:#86868b;color:var(--text-secondary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:500;font-weight:var(--font-weight-medium)}.staff-error-state{align-items:center;backdrop-filter:blur(20px);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--glass-backdrop);background:#fffffff2;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 12px 35px #0003;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-lg);justify-content:center;padding:3rem;padding:var(--space-2xl);text-align:center}.error-icon{font-size:2rem;font-size:var(--font-size-3xl);margin-bottom:1rem;margin-bottom:var(--space-md)}.staff-error-state h3{color:#ff3b30;color:var(--error);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold);margin:0}.staff-error-state p{color:#86868b;color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-md);margin:0;max-width:400px}.staff-empty-state{align-items:center;backdrop-filter:blur(20px);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--glass-backdrop);background:#fffffff2;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 12px 35px #0003;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-lg);justify-content:center;padding:3rem;padding:var(--space-2xl);text-align:center}.empty-icon{font-size:2rem;font-size:var(--font-size-3xl);margin-bottom:1rem;margin-bottom:var(--space-md);opacity:.7}.staff-empty-state h3{color:#1d1d1f;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold);margin:0}.staff-empty-state p{color:#86868b;color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-md);line-height:1.6;margin:0;max-width:400px}.staff-user-info{align-items:center;background:#007aff1a;border:1px solid #007aff33;border-radius:50px;border-radius:var(--radius-full);color:#007aff;color:var(--primary);display:flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);gap:.25rem;gap:var(--space-xs);padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm);position:absolute;right:1rem;right:var(--space-md);top:1rem;top:var(--space-md)}.staff-user-info:before{content:"👤";font-size:.875rem;font-size:var(--font-size-sm)}@media (max-width:1200px){.staff-table-header{align-items:stretch;flex-direction:column;gap:1.5rem;gap:var(--space-lg)}.header-right{align-items:stretch}.staff-search-container{min-width:auto}.staff-filter-controls{justify-content:space-between}}@media (max-width:968px){.staff-table-wrapper{padding:1rem;padding:var(--space-md)}.staff-table-header{padding:1.5rem;padding:var(--space-lg)}.header-left h2{font-size:1.25rem;font-size:var(--font-size-xl)}.staff-stats{flex-direction:column;gap:1rem;gap:var(--space-md)}.stat-item{flex-direction:row;justify-content:space-between}.staff-table{font-size:.75rem;font-size:var(--font-size-xs)}.staff-table td,.staff-table th{padding:.5rem;padding:var(--space-sm)}.action-buttons{flex-direction:column;gap:.25rem;gap:var(--space-xs)}.action-buttons .staff-action-btn{justify-content:center;width:100%}}@media (max-width:768px){.staff-table-container{overflow-x:auto}.staff-table{min-width:800px}.staff-search-container{min-width:250px}.staff-filter-controls{flex-direction:column;gap:.5rem;gap:var(--space-sm)}.staff-filter-select{min-width:auto}}@media (max-width:480px){.staff-table-wrapper{padding:.5rem;padding:var(--space-sm)}.staff-table-header{padding:1rem;padding:var(--space-md)}.header-left h2{font-size:1.125rem;font-size:var(--font-size-lg)}.staff-search-container{min-width:200px}.staff-stats{padding:1rem;padding:var(--space-md)}.staff-empty-state,.staff-error-state,.staff-loading{padding:2rem;padding:var(--space-xl)}}.staff-table-container{animation:fadeInUp .6s cubic-bezier(.25,.46,.45,.94) .3s;animation:fadeInUp .6s var(--transition-smooth)}.staff-action-btn:focus,.staff-filter-select:focus,.staff-search-input:focus{outline:2px solid #007aff;outline:2px solid var(--primary);outline-offset:2px}.staff-table-container::-webkit-scrollbar{height:8px}.staff-table-container::-webkit-scrollbar-track{background:#f5f7fa;background:var(--bg-medium)}.staff-table-container::-webkit-scrollbar-thumb{background:#007aff;background:var(--primary);border-radius:4px}.staff-table-container::-webkit-scrollbar-thumb:hover{background:#0056b3;background:var(--primary-dark)}@media print{.actions-cell,.staff-stats,.staff-table-header{display:none}.staff-table-container{border:1px solid #ccc;box-shadow:none}.staff-table thead{background:#f0f0f0!important;color:#333!important}.staff-table tbody tr:hover{background:#0000!important;transform:none!important}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.staff-table tbody tr{animation:slideInLeft .3s ease-out}.staff-table tbody tr:nth-child(odd){animation-delay:.1s}.staff-table tbody tr:nth-child(2n){animation-delay:.2s}.job-title-badge:hover,.staff-idno-badge:hover,.staff-photo:hover{cursor:pointer}.job-title-badge:hover,.staff-idno-badge:hover{transform:scale(1.05)}.online-status{background:#34c759;background:var(--ios-green);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-xs);height:12px;position:absolute;right:2px;top:2px;width:12px}.staff-photo-cell{position:relative}.staff-table tbody tr.selected{background:#007aff1a!important;border-left:4px solid #007aff;border-left:4px solid var(--primary)}@media (max-width:1024px){.staff-table td:nth-child(5),.staff-table td:nth-child(6),.staff-table th:nth-child(5),.staff-table th:nth-child(6){display:none}}@media (max-width:768px){.staff-table td:nth-child(4),.staff-table th:nth-child(4){display:none}}:root{--primary-lighter:#bbdefb;--shadow-xs:0 1px 3px #00000014;--shadow-sm:0 2px 8px #0000001f;--shadow-lg:0 8px 24px #0000002e;--shadow-xl:0 12px 40px #00000038;--shadow-2xl:0 20px 60px #00000040;--glass-backdrop:blur(20px);--glass-strong:#ffffffd9;--space-2xl:3rem;--space-3xl:4rem;--radius-xs:4px;--radius-xl:24px;--radius-2xl:32px;--radius-full:50px;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--transition-fast:0.15s cubic-bezier(0.4,0.0,0.2,1);--transition-normal:0.25s cubic-bezier(0.4,0.0,0.2,1);--transition-bounce:0.6s cubic-bezier(0.68,-0.55,0.265,1.55);--transition-spring:0.5s cubic-bezier(0.175,0.885,0.32,1.275);--container-width:900px;--form-width:800px;--mobile-padding:1rem}.staff-form-container{align-items:flex-start;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background:var(--bg-gradient);direction:rtl;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,SF Pro Display,Helvetica Neue,Arial,sans-serif;justify-content:center;min-height:100vh;overflow-x:hidden;padding:3px;position:relative;width:100%}.staff-form-container:before{animation:backgroundShift 20s ease-in-out infinite;background:radial-gradient(circle at 15% 20%,#007aff14 0,#0000 50%),radial-gradient(circle at 85% 80%,#34c7590f 0,#0000 50%),radial-gradient(circle at 40% 40%,#ff95000a 0,#0000 50%),radial-gradient(circle at 70% 10%,#af52de08 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}@keyframes backgroundShift{0%,to{opacity:1}50%{opacity:.7}}.staff-form-container:after{animation:float 15s ease-in-out infinite;background:linear-gradient(45deg,#007aff1a,#34c7591a);border-radius:50%;content:"";filter:blur(40px);height:100px;left:10%;pointer-events:none;position:fixed;top:10%;width:100px;z-index:-1}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.staff-form{animation:fadeInUp .8s cubic-bezier(.175,.885,.32,1.275) .5s;animation:fadeInUp .8s var(--transition-spring);backdrop-filter:blur(20px);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--glass-backdrop);background:#fffffff2;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 12px 40px #00000038;box-shadow:var(--shadow-xl);margin:0 auto;max-width:90%;overflow:hidden;position:relative;width:100%;z-index:1}.staff-form:before{animation:gradientShift 8s ease-in-out infinite;background:linear-gradient(90deg,#007aff,#30b0c7 25%,#34c759 50%,#af52de 75%,#007aff);background:linear-gradient(90deg,var(--primary) 0,var(--ios-teal) 25%,var(--ios-green) 50%,var(--ios-purple) 75%,var(--primary) 100%);background-size:300% 100%;content:"";height:6px;left:0;position:absolute;right:0;top:0}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.staff-form:hover{box-shadow:0 20px 60px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-4px);transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--transition-smooth)}.form-header{background:linear-gradient(135deg,#007aff,#0056b3 50%,#30b0c7);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 50%,var(--ios-teal) 100%);margin:0;overflow:hidden;padding:3rem 2rem 2rem;padding:var(--space-2xl) var(--space-xl) var(--space-xl);position:relative}.form-header:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#ffffff26 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes shimmer{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}.staff-form h2{align-items:center;color:#000;display:flex;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);gap:.5rem;gap:var(--space-sm);justify-content:center;letter-spacing:-.02em;margin:0 0 .5rem;margin:0 0 var(--space-sm) 0;position:relative;text-shadow:0 2px 4px #0003;z-index:1}.form-subtitle{animation:slideInFromBottom .3s .6s cubic-bezier(.25,.46,.45,.94) .3s forwards;animation:slideInFromBottom .6s var(--transition-smooth) .3s forwards;color:#ffffffeb;font-size:1rem;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium);line-height:1.6;margin:0;opacity:0;position:relative;z-index:1}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.staff-form h2:after{animation:expandLine .5s 1s cubic-bezier(.175,.885,.32,1.275) .5s forwards;animation:expandLine 1s var(--transition-spring) .5s forwards;background:linear-gradient(90deg,#ff3b30,#ff9500,#ffcc02);background:linear-gradient(90deg,var(--ios-red),var(--ios-orange),var(--ios-yellow));border-radius:50px;border-radius:var(--radius-full);bottom:-1rem;box-shadow:0 2px 8px #ff950066;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:0}@keyframes expandLine{to{width:120px}}.form-section{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffffd9;background:var(--glass-strong);border:1px solid #0000000d;border:1px solid var(--border-light);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001f;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;margin-bottom:var(--space-lg);overflow:hidden;padding:2rem;padding:var(--space-xl);position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--transition-smooth)}.form-section:before{background:linear-gradient(180deg,#007aff,#30b0c7);background:linear-gradient(to bottom,var(--primary),var(--ios-teal));content:"";height:0;left:0;position:absolute;top:0;transition:height .3s cubic-bezier(.25,.46,.45,.94);transition:height var(--transition-smooth);width:4px}.form-section:hover:before{height:100%}.form-section:hover{background:#fffffffa;border-color:#007aff;border-color:var(--primary);box-shadow:0 8px 24px #0000002e;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.form-section h3{align-items:center;border-bottom:3px solid #0000;border-image:linear-gradient(90deg,#007aff,#30b0c7,#0000) 1;border-image:linear-gradient(90deg,var(--primary),var(--ios-teal),#0000) 1;color:#007aff;color:var(--primary);display:flex;font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold);gap:.5rem;gap:var(--space-sm);margin:0 0 1.5rem;margin:0 0 var(--space-lg) 0;padding-bottom:1rem;padding-bottom:var(--space-md);position:relative}.form-section h3:before{animation:sparkle 2s ease-in-out infinite;color:#007aff;color:var(--primary);content:"✦";font-size:1.125rem;font-size:var(--font-size-lg)}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.form-grid{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:1fr;position:relative}@media (min-width:768px){.form-grid{gap:2rem;gap:var(--space-xl);grid-template-columns:repeat(2,1fr)}}.floating-label{position:relative}.floating-label input,.floating-label select,.floating-label textarea{padding-bottom:.5rem;padding-bottom:var(--space-sm);padding-top:1.5rem;padding-top:var(--space-lg)}.floating-label label{background:linear-gradient(180deg,#0000 0,#fffffff2 20%,#fffffff2 80%,#0000);background:linear-gradient(to bottom,#0000 0,var(--glass-bg) 20%,var(--glass-bg) 80%,#0000 100%);color:#a1a1a6;color:var(--text-muted);font-size:1rem;font-size:var(--font-size-md);padding:0 .25rem;padding:0 var(--space-xs);pointer-events:none;position:absolute;right:1.5rem;right:var(--space-lg);top:1rem;top:var(--space-md);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);z-index:1}.floating-label input:focus+label,.floating-label input:not(:placeholder-shown)+label,.floating-label select:focus+label,.floating-label textarea:focus+label,.floating-label textarea:not(:placeholder-shown)+label{color:#007aff;color:var(--primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);top:.25rem;top:var(--space-xs);transform:translateY(-2px)}.label-block,.staff-form label{color:#1d1d1f;color:var(--text-primary);display:flex;flex-direction:column;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--space-sm);margin-bottom:1.5rem;margin-bottom:var(--space-lg);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.label-block.required:before{animation:pulse 2s ease-in-out infinite;color:#ff3b30;color:var(--error);content:"★";filter:drop-shadow(0 0 4px rgba(255,59,48,.3));font-size:.875rem;font-size:var(--font-size-sm);position:absolute;right:-16px;top:-4px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.staff-form label:focus-within{color:#007aff;color:var(--primary);transform:translateX(-2px)}.staff-form input[type=date],.staff-form input[type=file],.staff-form input[type=number],.staff-form input[type=text],.staff-form select,.staff-form textarea{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;background:var(--glass-bg);border:2px solid #0000001a;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#1d1d1f;color:var(--text-primary);font-family:inherit;font-size:1rem;font-size:var(--font-size-md);font-weight:400;font-weight:var(--font-weight-normal);padding:1.5rem;padding:var(--space-lg);position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--transition-smooth);width:100%}.staff-form input::placeholder,.staff-form select::placeholder,.staff-form textarea::placeholder{color:#a1a1a6;color:var(--text-muted);font-weight:400;font-weight:var(--font-weight-normal);opacity:.8;transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-normal)}.staff-form input:focus,.staff-form select:focus,.staff-form textarea:focus{background:#fffffffa;border-color:#007aff;border-color:var(--primary);box-shadow:0 0 0 4px #007aff26,0 4px 16px #00000026;box-shadow:0 0 0 4px #007aff26,var(--shadow-md);outline:none;transform:translateY(-2px) scale(1.01)}.staff-form input:focus::placeholder,.staff-form textarea:focus::placeholder{opacity:.5;transform:translateX(4px)}.file-input-container{position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.file-input-label{align-items:center;background:#fffffff2;background:var(--glass-bg);border:3px dashed #007aff;border:3px dashed var(--primary);border-radius:18px;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:140px;overflow:hidden;padding:3rem;padding:var(--space-2xl);position:relative;text-align:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--transition-smooth)}.file-input-label:before{background:linear-gradient(45deg,#0000 30%,#007aff0d 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.25,.46,.45,.94);transition:transform var(--transition-smooth)}.file-input-label:hover:before{transform:translateX(100%)}.file-input-label:hover{background:#007aff14;border-color:#0056b3;border-color:var(--primary-dark);box-shadow:0 8px 24px #0000002e;box-shadow:var(--shadow-lg);transform:translateY(-3px) scale(1.02)}.file-input-label .upload-icon{animation:float 3s ease-in-out infinite;color:#007aff;color:var(--primary);font-size:2.5rem;font-size:var(--font-size-4xl);margin-bottom:1rem;margin-bottom:var(--space-md);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.file-input-label:hover .upload-icon{color:#0056b3;color:var(--primary-dark);transform:scale(1.1)}.file-input-label .upload-text{color:#1d1d1f;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.5rem;margin-bottom:var(--space-sm);transition:color .25s cubic-bezier(.4,0,.2,1);transition:color var(--transition-normal)}.file-input-label .upload-hint{color:#86868b;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);line-height:1.5}.staff-form textarea{font-family:inherit;line-height:1.6;min-height:120px;resize:vertical;scrollbar-color:#007aff #fff;scrollbar-color:var(--primary) var(--bg-light);scrollbar-width:thin}.staff-form textarea::-webkit-scrollbar{width:6px}.staff-form textarea::-webkit-scrollbar-thumb{background:#007aff;background:var(--primary);border-radius:50px;border-radius:var(--radius-full)}.staff-form select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,#0000 50%,#007aff 0),linear-gradient(135deg,#007aff 50%,#0000 0);background-image:linear-gradient(45deg,#0000 50%,var(--primary) 50%),linear-gradient(135deg,var(--primary) 50%,#0000 50%);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;cursor:pointer;padding-left:45px}.spouse-fields{animation:slideDown .6s cubic-bezier(.175,.885,.32,1.275) .5s;animation:slideDown .6s var(--transition-spring);background:#007aff0f;border:2px solid #007aff33;border-radius:18px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-lg);margin:1.5rem 0;margin:var(--space-lg) 0;overflow:hidden;padding:2rem;padding:var(--space-xl);position:relative}.spouse-fields:before{background:linear-gradient(90deg,#007aff,#30b0c7);background:linear-gradient(90deg,var(--primary),var(--ios-teal));content:"";height:4px;left:0;position:absolute;right:0;top:0}.staff-form .error-message,.staff-form .success-message{align-items:center;animation:messageSlide .6s cubic-bezier(.175,.885,.32,1.275) .5s;animation:messageSlide .6s var(--transition-spring);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#fffffff2;background:var(--glass-bg);border:2px solid;border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-md);display:flex;font-size:1rem;font-size:var(--font-size-md);font-weight:600;font-weight:var(--font-weight-semibold);gap:1rem;gap:var(--space-md);margin-bottom:2rem;margin-bottom:var(--space-xl);overflow:hidden;padding:1.5rem 2rem;padding:var(--space-lg) var(--space-xl);position:relative;text-align:left}.staff-form .error-message:before,.staff-form .success-message:before{animation:pulse 2s ease-in-out infinite;content:"";height:100%;left:0;position:absolute;top:0;width:6px}.staff-form .success-message{background:#34c75914;border-color:#34c75966;color:#34c759;color:var(--success)}.staff-form .success-message:before{background:#34c759;background:var(--success)}.staff-form .error-message{background:#ff3b3014;border-color:#ff3b3066;color:#ff3b30;color:var(--error)}.staff-form .error-message:before{background:#ff3b30;background:var(--error)}@keyframes messageSlide{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.staff-form .form-actions{background:linear-gradient(180deg,#f5f7fa,#fff);background:linear-gradient(to bottom,var(--bg-medium),var(--bg-light));border-radius:0 0 24px 24px;border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid #0000000d;border-top:1px solid var(--border-light);display:flex;gap:1rem;gap:var(--space-md);margin-top:2rem;margin-top:var(--space-xl);padding:2rem;padding:var(--space-xl)}.staff-form button[type=button],.staff-form button[type=submit]{align-items:center;border:none;border-radius:18px;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-size:var(--font-size-md);font-weight:700;font-weight:var(--font-weight-bold);gap:.5rem;gap:var(--space-sm);justify-content:center;letter-spacing:.5px;min-height:56px;overflow:hidden;padding:1.5rem 2rem;padding:var(--space-lg) var(--space-xl);position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--transition-smooth)}.staff-form button[type=button]:before,.staff-form button[type=submit]:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.staff-form button:hover:before{left:100%}.staff-form button[type=submit]{background:linear-gradient(135deg,#007aff,#0056b3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:0 8px 25px #007aff4d;color:#fff;text-shadow:0 1px 2px #0003}.staff-form button[type=submit]:hover:not(:disabled){box-shadow:0 12px 35px #007aff66;transform:translateY(-3px) scale(1.05)}.staff-form button[type=submit]:active{transform:translateY(-1px) scale(1.02)}.cancel-btn,.staff-form button[type=button]{background:linear-gradient(135deg,#8e8e93,#6c757d);background:linear-gradient(135deg,var(--ios-gray) 0,#6c757d 100%);box-shadow:0 8px 25px #8e8e934d;color:#fff}.cancel-btn:hover,.staff-form button[type=button]:hover{box-shadow:0 12px 35px #8e8e9366;transform:translateY(-3px) scale(1.05)}.staff-form.saving{opacity:.9;pointer-events:none}.staff-form.saving:after{animation:loadingProgress 2.5s ease-in-out infinite;background:linear-gradient(90deg,#007aff,#30b0c7,#34c759,#af52de);background:linear-gradient(90deg,var(--primary),var(--ios-teal),var(--ios-green),var(--ios-purple));background-size:300% 100%;content:"";height:6px;left:0;position:absolute;top:0;width:100%}@keyframes loadingProgress{0%{background-position:-300% 0}to{background-position:300% 0}}.staff-form input.valid{background:#34c75914;border-color:#34c759;border-color:var(--success);box-shadow:0 0 0 2px #34c75933}.staff-form input.invalid{animation:shake .5s ease-in-out;background:#ff3b3014;border-color:#ff3b30;border-color:var(--error);box-shadow:0 0 0 2px #ff3b3033}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.staff-form input[type=date]:hover,.staff-form input[type=number]:hover,.staff-form input[type=text]:hover,.staff-form select:hover,.staff-form textarea:hover{background:#fffffffa;border-color:#007aff;border-color:var(--primary);box-shadow:0 2px 8px #0000001f;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.current-image-preview{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#fffffff2;background:var(--glass-bg);border:2px solid #fff3;border:2px solid var(--glass-border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-md);margin-bottom:1.5rem;margin-bottom:var(--space-lg);overflow:hidden;padding:1.5rem;padding:var(--space-lg);position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--transition-smooth)}.current-image-preview:hover{border-color:#007aff;border-color:var(--primary);box-shadow:0 12px 40px #00000038;box-shadow:var(--shadow-xl);cursor:pointer;transform:translateY(-4px) scale(1.02)}.preview-image{border:3px solid #0000000d;border:3px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001f;box-shadow:var(--shadow-sm);height:auto;max-height:160px;max-width:220px;object-fit:cover;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--transition-smooth);width:100%}.preview-image:hover{box-shadow:0 8px 24px #0000002e;box-shadow:var(--shadow-lg);transform:scale(1.08)}@media (max-width:768px){.staff-form{border-radius:18px;border-radius:var(--radius-lg);margin:1rem;margin:var(--space-md);max-width:95vw}.form-header{padding:2rem 1.5rem;padding:var(--space-xl) var(--space-lg)}.staff-form h2{font-size:1.25rem;font-size:var(--font-size-xl)}.form-section,.staff-form .form-actions{padding:1.5rem;padding:var(--space-lg)}.staff-form .form-actions{flex-direction:column;gap:1rem;gap:var(--space-md)}.file-input-label{min-height:120px;padding:2rem;padding:var(--space-xl)}}@media (max-width:480px){.staff-form-container{padding:.5rem;padding:var(--space-sm)}.staff-form{border-radius:12px;border-radius:var(--radius-md);margin:0}.form-section{margin-bottom:1rem;margin-bottom:var(--space-md);padding:1rem;padding:var(--space-md)}.staff-form input[type=date],.staff-form input[type=number],.staff-form input[type=text],.staff-form select,.staff-form textarea{font-size:.875rem;font-size:var(--font-size-sm);padding:1rem;padding:var(--space-md)}}.staff-form{scroll-behavior:smooth;scrollbar-color:#007aff #fff;scrollbar-color:var(--primary) var(--bg-light);scrollbar-width:thin}.staff-form::-webkit-scrollbar{width:10px}.staff-form::-webkit-scrollbar-track{background:#fff;background:var(--bg-light);border-radius:8px;border-radius:var(--radius-sm)}.staff-form::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#007aff,#30b0c7);background:linear-gradient(to bottom,var(--primary),var(--ios-teal));border:2px solid #fff;border:2px solid var(--bg-light);border-radius:8px;border-radius:var(--radius-sm)}.staff-form::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0056b3,#30b0c7);background:linear-gradient(to bottom,var(--primary-dark),var(--ios-teal))}.staff-form :focus{outline:3px solid #007aff4d;outline-offset:2px}.staff-form button:focus,.staff-form input:focus,.staff-form select:focus,.staff-form textarea:focus{outline:none}.staff-form *{will-change:auto}.staff-form :active,.staff-form :focus,.staff-form :hover{will-change:transform,box-shadow,background-color,border-color}.staff-scores-wrapper{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background:var(--bg-gradient);direction:rtl;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh;padding:32px;padding:var(--space-xl)}.scores-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:24px;border-radius:var(--radius-xxl);box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-md);margin-bottom:48px;margin-bottom:var(--space-xxl);overflow:hidden;padding:32px 24px;padding:var(--space-xl) var(--space-lg);position:relative;text-align:center}.scores-header:before{background:linear-gradient(90deg,#007aff,#af52de,#34c759,#ff9500);background:linear-gradient(90deg,var(--ios-blue),var(--ios-purple),var(--ios-green),var(--ios-orange));border-radius:24px 24px 0 0;border-radius:var(--radius-xxl) var(--radius-xxl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.scores-title{align-items:center;color:#1d1d1f;color:var(--text-primary);display:flex;font-size:2rem;font-weight:700;gap:16px;gap:var(--space-md);justify-content:center;margin:0}.scores-title .title-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#007aff,#af52de);background:linear-gradient(135deg,var(--ios-blue),var(--ios-purple));-webkit-background-clip:text;background-clip:text;font-size:2.5rem}.scores-subtitle{color:#86868b;color:var(--text-secondary);font-size:1.1rem;font-weight:500;margin:16px 0 0;margin:var(--space-md) 0 0 0}.scores-tabs{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-sm);display:flex;gap:8px;gap:var(--space-sm);margin-bottom:32px;margin-bottom:var(--space-xl);padding:8px;padding:var(--space-sm)}.scores-tab-btn{background:#0000;border:none;border-radius:12px;border-radius:var(--radius-md);color:#86868b;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:16px 24px;padding:var(--space-md) var(--space-lg);transition:all .3s ease;transition:all var(--transition-normal);white-space:nowrap}.scores-tab-btn:hover{background:#007aff1a;color:#007aff;color:var(--primary)}.scores-tab-btn.active{background:linear-gradient(135deg,#007aff,#5ac8fa);background:linear-gradient(135deg,var(--ios-blue),var(--ios-light-blue));color:#fff}.scores-controls,.scores-tab-btn.active{box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-sm)}.scores-controls{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:24px;gap:var(--space-lg);margin-bottom:32px;margin-bottom:var(--space-xl);padding:24px;padding:var(--space-lg)}.search-box-group{display:flex;flex-direction:column;gap:4px;gap:var(--space-xs);min-width:200px}.search-box-group label{color:#1d1d1f;color:var(--text-primary);font-size:.9rem;font-weight:600}.search-input{background:var(--bg-light);border:2px solid #0000001a;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;padding:8px 16px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-normal)}.search-input:focus{border-color:var(--primary)}.filter-controls{display:flex;flex-direction:column;gap:4px;gap:var(--space-xs);min-width:150px}.filter-controls label{color:#1d1d1f;color:var(--text-primary);font-size:.9rem;font-weight:600}.filter-select{background:var(--bg-light);border:2px solid #0000001a;border:2px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-normal)}.filter-select:focus{border-color:var(--primary)}.showing-count{background:#007aff1a;border-radius:12px;border-radius:var(--radius-md);color:#86868b;color:var(--text-secondary);font-size:.9rem;font-weight:500;margin-left:auto;padding:8px 16px;padding:var(--space-sm) var(--space-md)}.scores-stats{grid-gap:24px;grid-gap:var(--space-lg);display:grid;gap:24px;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:48px;margin-bottom:var(--space-xxl)}.stat-card:before{background:linear-gradient(90deg,#007aff,#af52de);background:linear-gradient(90deg,var(--ios-blue),var(--ios-purple));border-radius:16px 16px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.stat-number{color:var(--primary);font-size:2.5rem;margin-bottom:var(--space-sm)}.stat-label{color:#86868b;color:var(--text-secondary);margin:0}.scores-table-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-md);margin-bottom:32px;margin-bottom:var(--space-xl);overflow:hidden}.scores-table{background:#0000;border-collapse:collapse;font-size:.9rem;width:100%}.scores-table thead{background:linear-gradient(135deg,#007aff,#af52de);background:linear-gradient(135deg,var(--ios-blue),var(--ios-purple));position:-webkit-sticky;position:sticky;top:0;z-index:10}.scores-table th{border-bottom:2px solid #fff3;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:24px 16px;padding:var(--space-lg) var(--space-md);position:relative;text-align:center;transition:all .3s ease;transition:all var(--transition-normal);white-space:nowrap}.scores-table th.sortable:hover{background:#ffffff1a}.scores-table th.sorted{background:#fff3}.scores-table th:not(:last-child):after{background:#fff3;bottom:25%;content:"";left:0;position:absolute;top:25%;width:1px}.scores-table tbody tr{border-bottom:1px solid #0000000d;border-bottom:1px solid var(--border-light);transition:all .3s ease;transition:all var(--transition-normal)}.scores-table tbody tr:hover{background:#007aff0d}.scores-table tbody tr:nth-child(2n){background:#00000005}.scores-table tbody tr:nth-child(2n):hover{background:#007aff0d}.scores-table td{border-bottom:1px solid #0000000d;border-bottom:1px solid var(--border-light);padding:24px 16px;padding:var(--space-lg) var(--space-md);text-align:center;vertical-align:middle}.staff-name-cell{text-align:right!important}.name-info{display:flex;flex-direction:column;gap:4px;gap:var(--space-xs)}.name-primary{color:#1d1d1f;color:var(--text-primary);font-size:1rem}.name-primary,.score-cell{font-weight:600}.auto-score{background:#007aff1a;color:#007aff;color:var(--ios-blue)}.auto-score,.manual-score{border-radius:8px;border-radius:var(--radius-sm);font-weight:700;padding:4px 8px;padding:var(--space-xs) var(--space-sm)}.manual-score{background:#ff95001a;color:#ff9500;color:var(--ios-orange)}.final-score{background:#34c7591a;border-radius:8px;border-radius:var(--radius-sm);color:#34c759;color:var(--ios-green);font-size:1.1rem;font-weight:700}.final-score,.scores-action-btn{padding:4px 8px;padding:var(--space-xs) var(--space-sm)}.scores-action-btn{border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:600;transition:all .3s ease;transition:all var(--transition-normal);white-space:nowrap}.breakdown-btn{background:linear-gradient(135deg,#007aff,#5ac8fa);background:linear-gradient(135deg,var(--ios-blue),var(--ios-light-blue));color:#fff}.breakdown-btn:hover{box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.edit-btn{background:linear-gradient(135deg,#ff9500,#ffcc02);background:linear-gradient(135deg,var(--ios-orange),var(--ios-yellow))}.modal-backdrop{animation:modalBackdropFadeIn .3s ease}@keyframes modalBackdropFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalContentSlideIn .3s cubic-bezier(.25,.46,.45,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:24px;border-radius:var(--radius-xxl);box-shadow:0 12px 35px #0003;max-width:600px;padding:48px;padding:var(--space-xxl)}@keyframes modalContentSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content:before{background:linear-gradient(90deg,#007aff,#af52de,#34c759,#ff9500);background:linear-gradient(90deg,var(--ios-blue),var(--ios-purple),var(--ios-green),var(--ios-orange));border-radius:24px 24px 0 0;border-radius:var(--radius-xxl) var(--radius-xxl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.modal-header{border-bottom:2px solid #0000000d;border-bottom:2px solid var(--border-light);margin-bottom:24px;margin-bottom:var(--space-lg);padding-bottom:24px;padding-bottom:var(--space-lg)}.modal-content h3,.modal-title{color:#1d1d1f;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.modal-close-btn{align-items:center;background:#ff3b301a;border:none;border-radius:50%;color:#ff3b30;color:var(--ios-red);cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;transition:all var(--transition-normal);width:40px}.modal-close-btn:hover{background:#ff3b30;background:var(--ios-red);color:#fff;transform:scale(1.1)}.modal-table{background:#fff;background:var(--bg-light);border:1px solid #0000001a;border:1px solid var(--border-color);border-collapse:collapse;border-radius:12px;border-radius:var(--radius-md);margin-bottom:24px;margin-bottom:var(--space-lg);overflow:hidden;width:100%}.modal-table th{background:linear-gradient(135deg,#007aff,#af52de);background:linear-gradient(135deg,var(--ios-blue),var(--ios-purple));color:#fff;font-size:.9rem;font-weight:600;text-align:left}.modal-table td,.modal-table th{padding:24px;padding:var(--space-lg)}.modal-table td{border-bottom:1px solid #0000000d;border-bottom:1px solid var(--border-light);color:#1d1d1f;color:var(--text-primary);font-weight:500}.modal-table tr:hover td{background:#007aff0d}.modal-table tr:last-child td{border-bottom:none}.total-row{background:#007aff1a!important;color:#007aff!important;color:var(--primary)!important;font-weight:700!important}.score-breakdown{display:flex;flex-direction:column;gap:24px;gap:var(--space-lg)}.breakdown-section{background:#007aff0d;border:1px solid #007aff1a;border-radius:12px;border-radius:var(--radius-md);padding:24px;padding:var(--space-lg)}.breakdown-section h4{align-items:center;color:#1d1d1f;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:8px;gap:var(--space-sm);margin:0 0 16px;margin:0 0 var(--space-md) 0}.breakdown-item{align-items:center;border-bottom:1px solid #0000000d;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:8px 0;padding:var(--space-sm) 0}.breakdown-item:last-child{border-bottom:none}.breakdown-label{color:#86868b;color:var(--text-secondary);font-weight:500}.breakdown-value{color:#007aff;color:var(--primary);font-weight:600}.edit-score-form{gap:24px;gap:var(--space-lg)}.edit-score-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px;gap:var(--space-sm)}.form-group label{color:#1d1d1f;color:var(--text-primary);font-size:.9rem}.form-input,.score-input{background:#fff;background:var(--bg-light);border:2px solid #0000001a;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);font-size:1rem;font-weight:500;padding:16px;padding:var(--space-md);transition:all .3s ease;transition:all var(--transition-normal)}.score-input{font-weight:600;text-align:center;width:80px}.form-input:focus,.score-input:focus{border-color:#007aff;border-color:var(--primary);box-shadow:0 0 0 3px #007aff1a;outline:none}.form-textarea{min-height:100px;resize:vertical}.modal-actions,.modal-buttons{border-top:2px solid #0000000d;border-top:2px solid var(--border-light);display:flex;gap:16px;gap:var(--space-md);justify-content:flex-end;margin-top:24px;margin-top:var(--space-lg);padding-top:24px;padding-top:var(--space-lg)}.modal-btn{border-radius:12px;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;gap:8px;gap:var(--space-sm);justify-content:center;min-width:100px;padding:16px 32px;padding:var(--space-md) var(--space-xl);transition:all .3s ease;transition:all var(--transition-normal)}.cancel-btn,.modal-btn-cancel{background:#8e8e931a;border:2px solid #0000;color:#86868b;color:var(--text-secondary)}.cancel-btn:hover,.modal-btn-cancel:hover{background:#8e8e93;background:var(--ios-gray);color:#fff}.modal-btn-save,.save-btn{background:linear-gradient(135deg,#34c759,#30b0c7);background:linear-gradient(135deg,var(--ios-green),var(--ios-teal));color:#fff}.modal-btn-save:hover,.save-btn:hover:not(:disabled){box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.modal-btn-save:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #007aff4d;border-top:3px solid var(--primary);display:inline-block;height:20px;width:20px}.loading-text{align-items:center;display:flex;font-style:italic;gap:8px;gap:var(--space-sm)}.empty-state{color:#86868b;color:var(--text-secondary)}.empty-state-icon{margin-bottom:24px;margin-bottom:var(--space-lg)}.empty-state-title{font-size:1.2rem;font-weight:600;margin-bottom:8px;margin-bottom:var(--space-sm)}.empty-state-description{font-size:.9rem;line-height:1.5}@media (max-width:1200px){.scores-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:968px){.scores-header,.staff-scores-wrapper{padding:24px;padding:var(--space-lg)}.scores-title{font-size:1.5rem}.scores-controls{align-items:stretch;flex-direction:column}.filter-controls,.search-box-group{min-width:auto}.showing-count{margin-left:0;text-align:center}.scores-table-container{border-left:none;border-radius:0;border-right:none;margin:0 -24px;margin:0 calc(var(--space-lg)*-1)}.modal-content{margin:16px;margin:var(--space-md);max-width:calc(100vw - 32px);max-width:calc(100vw - var(--space-md)*2)}}@media (max-width:768px){.scores-stats{grid-template-columns:repeat(2,1fr)}.modal-actions,.modal-buttons,.scores-tabs{flex-direction:column}.modal-btn{width:100%}.action-buttons{flex-direction:column;gap:4px;gap:var(--space-xs)}.scores-action-btn{width:100%}}@media (max-width:480px){.scores-header,.staff-scores-wrapper{padding:16px;padding:var(--space-md)}.scores-title{font-size:1.2rem}.scores-stats{grid-template-columns:1fr}.scores-table td,.scores-table th{font-size:.8rem;padding:8px;padding:var(--space-sm)}}@media print{.staff-scores-wrapper{border:1px solid #ccc;box-shadow:none}.action-buttons,.modal-backdrop,.scores-controls{display:none!important}.scores-table-container{border:1px solid #ccc;box-shadow:none}.scores-table th{background:#f5f5f5!important;color:#000!important}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.filter-select:focus,.modal-btn:focus,.scores-action-btn:focus,.scores-tab-btn:focus,.search-input:focus{outline:2px solid #007aff;outline:2px solid var(--primary);outline-offset:2px}@media (prefers-contrast:high){:root{--border-color:#000;--border-light:#666;--text-secondary:#000}}.users-mgmt-container{background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 2px 24px #0000001a,0 1.5px 3px #00000008;margin:40px auto;max-width:900px;padding:32px 28px}.user-form-section{border-bottom:1px solid #e0e0e0;margin-bottom:30px;padding-bottom:16px}.user-form{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.user-form input{border:1px solid #ccc;border-radius:6px;flex:1 1 170px;font-size:1rem;padding:9px 10px;transition:border .2s}.user-form input:focus{border:1.5px solid #3f51b5}.form-actions{display:flex;gap:10px}.user-form button{background:#3f51b5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:9px 20px;transition:background .2s}.user-form button[type=button]{background:#aaa;color:#fff}.user-form button:disabled{cursor:not-allowed;opacity:.6}.user-form-error{background:#fdecea;border:1px solid #f5c6cb;border-radius:4px;color:#c0392b}.user-form-error,.user-form-success{font-size:.98rem;margin-top:6px;padding:7px 0 7px 12px}.user-form-success{background:#e8f8ef;border:1px solid #bfe6cb;border-radius:4px;color:#237133}.users-table-section{margin-top:20px}.users-table{border-collapse:collapse;width:100%}.users-table td,.users-table th{border:1px solid #e0e0e0;padding:8px 10px;text-align:left}.users-table th{background:#f5f5f5}.users-table tr:nth-child(2n){background:#fafafa}.users-table button{background:#3f51b5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.97rem;font-weight:500;padding:4px 13px;transition:background .2s}.users-table button:hover{background:#27347d}.review-page-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);direction:rtl;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:24px}.auth-error-container{align-items:center;display:flex;justify-content:center;min-height:60vh}.auth-error-card{background:#fff;border:1px solid #ff3b301a;border-radius:20px;box-shadow:0 20px 60px #0000001a;max-width:500px;padding:48px 32px;text-align:center;width:100%}.auth-error-icon{font-size:64px;margin-bottom:24px;opacity:.8}.auth-error-card h3{color:#ff3b30;font-size:24px;font-weight:700;margin-bottom:16px}.auth-error-card p{color:#666;font-size:16px;line-height:1.5;margin-bottom:32px}.auth-error-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.retry-auth-btn,.retry-fetch-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:12px 24px;transition:all .3s ease}.retry-auth-btn{background:linear-gradient(135deg,#007aff,#5856d6);box-shadow:0 4px 15px #007aff4d;color:#fff}.retry-auth-btn:hover{box-shadow:0 8px 25px #007aff66;transform:translateY(-2px)}.retry-fetch-btn{background:linear-gradient(135deg,#34c759,#30d158);box-shadow:0 4px 15px #34c7594d;color:#fff}.retry-fetch-btn:hover{box-shadow:0 8px 25px #34c75966;transform:translateY(-2px)}.review-page-header{background:linear-gradient(135deg,#007aff,#5856d6);border-radius:20px;box-shadow:0 10px 30px #007aff4d;color:#fff;margin-bottom:32px;padding:32px;text-align:center}.header-content{width:100%}.review-page-header h2{flex:1 1;font-size:28px;font-weight:700;margin:0;text-shadow:0 2px 4px #0003}.logout-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 20px;transition:all .3s ease}.logout-btn:hover{background:#ffffff4d;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.logout-btn:active{transform:translateY(0)}.staff-table-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:32px}.staff-table{background:#fff;border-collapse:collapse;border-radius:16px;box-shadow:0 8px 25px #0000001a;overflow:hidden;width:100%}.staff-table thead{background:linear-gradient(135deg,#34c759,#30d158);color:#fff}.staff-table th{border:none;font-size:16px;font-weight:600;padding:20px 16px;text-align:center;text-shadow:0 1px 2px #0000001a}.staff-table td{border:none;border-bottom:1px solid #f0f0f0;color:#333;font-size:15px;padding:18px 16px;text-align:center;vertical-align:middle}.staff-table tbody tr{transition:all .3s ease}.staff-table tbody tr:hover{background-color:#f8f9fa;box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.staff-table tbody tr:last-child td{border-bottom:none}.action-buttons{flex-wrap:wrap;justify-content:center}.action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;min-width:90px;padding:10px 16px;text-decoration:none;transition:all .3s ease}.action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.action-btn:not(:disabled):hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.accept-btn{background:linear-gradient(135deg,#34c759,#30d158);color:#fff}.save-btn{background:linear-gradient(135deg,#007aff,#5856d6);color:#fff}.review-btn{background:linear-gradient(135deg,#8e8e93,#a1a1a6);color:#fff}.accept-save-btn{background:linear-gradient(135deg,#34c759,#007aff);color:#fff}.edit-btn{background:linear-gradient(135deg,#ff9500,#ff8f00);color:#fff}.status-icon{align-items:center;border-radius:50%;display:inline-flex;font-size:18px;height:32px;justify-content:center;width:32px}.status-reviewed{background:linear-gradient(135deg,#34c759,#30d158);box-shadow:0 4px 12px #34c7594d;color:#fff}.status-pending{background:linear-gradient(135deg,#ff3b30,#ff2d20);box-shadow:0 4px 12px #ff3b304d;color:#fff}.edit-form-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 40px #0000001a;margin:0 auto;max-width:800px;padding:32px}.edit-form-header{background:linear-gradient(135deg,#ff9500,#ff8f00);border-radius:16px;box-shadow:0 8px 25px #ff95004d;color:#fff;margin-bottom:24px;padding:24px;text-align:center}.edit-form-header h2{font-size:24px;font-weight:700;margin:0 0 8px}.staff-id-label{background:#fff3;border-radius:20px;display:inline-block;font-size:14px;font-weight:600;padding:8px 16px}.result-message{animation:slideDown .3s ease;border-radius:12px;font-weight:600;margin-bottom:20px;padding:16px 20px;text-align:center}.success-message{background:linear-gradient(135deg,#34c759,#30d158);box-shadow:0 4px 15px #34c7594d;color:#fff}.error-message{background:linear-gradient(135deg,#ff3b30,#ff2d20);box-shadow:0 4px 15px #ff3b304d;color:#fff}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:20px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#333;font-size:14px;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e9ecef;border-radius:12px;font-family:inherit;font-size:16px;padding:14px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;outline:none;transform:translateY(-2px)}.form-group textarea{min-height:100px;resize:vertical}.edit-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.form-group-with-icon{position:relative}.form-group-with-icon .field-icon{color:#007aff;font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.form-group-with-icon input,.form-group-with-icon select{padding-left:48px}.file-input-container{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.file-input-container:hover{background:#f0f8ff;border-color:#007aff}.file-input-container img{border-radius:8px;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease}.file-input-container img:hover{transform:scale(1.05)}.file-replace-btn{background:linear-gradient(135deg,#5ac8fa,#007aff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-top:8px;padding:8px 16px;transition:all .3s ease}.file-replace-btn:hover{box-shadow:0 4px 12px #5ac8fa4d;transform:translateY(-2px)}.file-preview-container{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.file-preview-container:hover{border-color:#007aff;box-shadow:0 4px 15px #007aff1a}.file-preview-image{border-radius:8px;box-shadow:0 4px 12px #0000001a;height:80px;object-fit:cover;width:80px}.file-preview-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.file-preview-name{color:#333;font-size:14px;font-weight:600}.file-preview-actions{display:flex;gap:8px}.buttons-container{border-top:2px solid #f0f0f0;display:flex;gap:16px;justify-content:center;margin-top:32px;padding-top:24px}.buttons-container button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:14px 28px;transition:all .3s ease}.buttons-container button[type=submit]{background:linear-gradient(135deg,#34c759,#30d158);box-shadow:0 4px 15px #34c7594d;color:#fff}.buttons-container button[type=button]{background:linear-gradient(135deg,#8e8e93,#6d6d70);box-shadow:0 4px 15px #8e8e934d;color:#fff}.buttons-container button:hover:not(:disabled){box-shadow:0 8px 25px #0003;transform:translateY(-3px)}.buttons-container button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.loading-container{min-height:60vh}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#007aff}.search-filter-container{border-radius:16px;box-shadow:0 4px 15px #0000001a}.search-filter-grid{grid-gap:20px;align-items:end;gap:20px}.search-input{border:2px solid #e9ecef;border-radius:12px;font-size:16px;padding:14px 48px 14px 16px}.search-input:focus{box-shadow:0 0 0 3px #007aff1a;outline:none}.search-icon{color:#8e8e93;font-size:18px}.filter-group{gap:12px}.filter-select{border:2px solid #e9ecef;border-radius:12px;font-size:14px;font-weight:600;min-width:120px;padding:12px 16px}.filter-select:focus{box-shadow:0 0 0 3px #007aff1a;outline:none}.results-count{align-items:center;color:#666;display:flex;font-size:14px;gap:8px}.empty-state{padding:60px 20px}.empty-state-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state h3{color:#333;font-size:24px;margin-bottom:12px}.empty-state p{font-size:16px;margin:0 auto;max-width:400px}.field-help{color:#8e8e93;font-size:12px;font-style:italic;margin-top:4px}.tooltip{cursor:help;display:inline-block;position:relative}.tooltip .tooltip-text{background-color:#333;border-radius:8px;bottom:125%;color:#fff;font-size:12px;left:50%;margin-left:-100px;opacity:0;padding:8px;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:200px;z-index:1000}.tooltip:hover .tooltip-text{opacity:1;visibility:visible}.form-section{margin-bottom:32px}.form-section-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #007aff;border-radius:12px;margin-bottom:20px;padding:16px 20px}.form-section-title{align-items:center;color:#333;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.form-section-description{color:#666;font-size:14px;font-weight:400;margin:8px 0 0}@keyframes buttonPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.action-btn:active{animation:buttonPulse .2s ease-in-out}*{transition:all .3s cubic-bezier(.4,0,.2,1)}@media print{.action-buttons,.buttons-container,.search-filter-container{display:none!important}.staff-table{box-shadow:none}.review-page-container{background:#fff}}@media (max-width:768px){.review-page-container{padding:16px}.review-page-header{padding:24px 20px}.staff-table-container{overflow-x:auto;padding:20px}.staff-table{min-width:600px}.action-buttons{flex-direction:column;gap:6px}.action-btn{font-size:12px;min-width:100px;padding:8px 12px}.edit-form-container{padding:20px}.buttons-container{flex-direction:column}.search-filter-grid{gap:16px;grid-template-columns:1fr}.filter-group{justify-content:space-between}}@media (max-width:480px){.review-page-header h2{font-size:24px}.staff-table td,.staff-table th{font-size:14px;padding:12px 8px}.edit-form-header h2{font-size:20px}}@media (max-width:1024px){.edit-form-grid{grid-template-columns:1fr}}.stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{background:linear-gradient(135deg,#fff,#f8f9fa);box-shadow:0 4px 15px #0000001a;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-icon{display:block;margin-bottom:12px}.stat-number{color:#333;font-size:28px;margin-bottom:8px}.stat-label{font-size:14px;font-weight:600}.request-type{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;text-align:center;white-space:nowrap}.request-type.new-request{background:linear-gradient(135deg,#34c759,#30d158);box-shadow:0 2px 8px #34c7594d;color:#fff}.request-type.update-request{background:linear-gradient(135deg,#ff9500,#ff8f00);box-shadow:0 2px 8px #ff95004d;color:#fff}.original-staff-id{margin-top:4px}.original-staff-id small{background:#f8f9fa;border-radius:6px;color:#666;font-size:11px;padding:2px 6px}:root{--ios-light-gray:#f2f2f7;--border-radius:12px;--border-radius-sm:8px;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 16px #00000026;--shadow-lg:0 8px 32px #0003}.requests-page-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);direction:rtl;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:32px;padding:var(--space-xl)}.requests-page-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-md);margin-bottom:24px;margin-bottom:var(--space-lg);padding:24px;padding:var(--space-lg)}.requests-page-header h2{align-items:center;color:#1d1d1f;display:flex;font-size:2rem;font-weight:700;gap:8px;gap:var(--space-sm);margin:0 0 16px;margin:0 0 var(--space-md) 0}.header-stats{grid-gap:16px;grid-gap:var(--space-md);display:grid;gap:16px;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:16px;margin-top:var(--space-md)}.stat-item{background:linear-gradient(135deg,#007aff1a,#007aff0d);border:1px solid #007aff33;border-radius:8px;border-radius:var(--border-radius-sm);padding:16px;padding:var(--space-md);text-align:center;transition:all .3s ease}.stat-item:hover{box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stat-number{color:#007aff;color:var(--ios-blue);display:block;font-size:1.8rem;font-weight:700;margin-bottom:4px;margin-bottom:var(--space-xs)}.stat-label{color:#666;font-size:.9rem;font-weight:500}.search-filter-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);margin-bottom:24px;margin-bottom:var(--space-lg);padding:24px;padding:var(--space-lg)}.search-filter-grid{grid-gap:24px;grid-gap:var(--space-lg);align-items:center;display:grid;gap:24px;gap:var(--space-lg);grid-template-columns:1fr auto}.search-group{position:relative}.search-input{background:#fff;border:2px solid #e5e5ea;border-radius:8px;border-radius:var(--border-radius-sm);font-size:1rem;outline:none;padding:16px 32px 16px 24px;padding:var(--space-md) var(--space-xl) var(--space-md) var(--space-lg);transition:all .3s ease;width:100%}.search-input:focus{border-color:#007aff;border-color:var(--ios-blue);box-shadow:0 0 0 4px #007aff1a}.search-icon{color:#999;font-size:1.2rem;position:absolute;right:16px;right:var(--space-md);top:50%;transform:translateY(-50%)}.filter-group{align-items:center;display:flex;gap:16px;gap:var(--space-md)}.filter-select{background:#fff;border:2px solid #e5e5ea;border-radius:8px;border-radius:var(--border-radius-sm);cursor:pointer;font-size:.9rem;min-width:140px;outline:none;padding:8px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s ease}.filter-select:focus{border-color:#007aff;border-color:var(--ios-blue);box-shadow:0 0 0 4px #007aff1a}.results-count{background:linear-gradient(135deg,#34c7591a,#34c7590d);border:1px solid #34c75933;border-radius:8px;border-radius:var(--border-radius-sm);color:#34c759;color:var(--ios-green);font-size:.9rem;font-weight:600;padding:8px 16px;padding:var(--space-sm) var(--space-md);white-space:nowrap}.requests-table-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-md);overflow:hidden}.requests-table{border-collapse:collapse;font-size:.95rem;width:100%}.requests-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.requests-table th{font-size:1rem;font-weight:600;letter-spacing:.5px;padding:24px 16px;padding:var(--space-lg) var(--space-md);position:-webkit-sticky;position:sticky;text-align:right;top:0;z-index:10}.requests-table tbody tr{border-bottom:1px solid #f0f0f5;transition:all .2s ease}.requests-table tbody tr:hover{background:#007aff05;transform:scale(1.001)}.requests-table tbody tr:last-child{border-bottom:none}.requests-table td{padding:24px 16px;padding:var(--space-lg) var(--space-md);vertical-align:middle}.request-code{background:#007aff1a;border-radius:8px;border-radius:var(--border-radius-sm);color:#007aff;color:var(--ios-blue);display:inline-block;font-family:Courier New,monospace;font-size:.9rem;font-weight:600;padding:4px 8px;padding:var(--space-xs) var(--space-sm)}.staff-info{display:flex;flex-direction:column}.staff-name{color:#000!important;font-weight:600;margin-bottom:4px;margin-bottom:var(--space-xs)}.phone-number{color:#666;direction:ltr;font-family:Courier New,monospace;font-weight:500;text-align:right}.request-type{background:#ff95001a;border:1px solid #ff950033;border-radius:8px;border-radius:var(--border-radius-sm);color:#ff9500;color:var(--ios-orange);display:inline-block;font-weight:500;padding:4px 8px;padding:var(--space-xs) var(--space-sm)}.notes-cell{max-width:200px}.notes-content{color:#666;cursor:help;line-height:1.4}.no-notes{color:#999;font-size:.9rem;font-style:italic}.status-badge,.status-cell{position:relative}.status-badge{align-items:center;border:2px solid;border-radius:8px;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:4px;gap:var(--space-xs);justify-content:center;min-width:140px;padding:8px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s ease}.status-badge:hover{box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.status-badge:hover .edit-indicator{opacity:1;transform:scale(1)}.status-icon{font-size:1rem}.status-text{flex:1 1;text-align:center}.edit-indicator{font-size:.8rem;opacity:0;transform:scale(.8);transition:all .3s ease}.status-edit-container{align-items:center;display:flex;gap:4px;gap:var(--space-xs)}.status-select{background:#fff;border:2px solid #007aff;border:2px solid var(--ios-blue);border-radius:8px;border-radius:var(--border-radius-sm);flex:1 1;font-size:.9rem;font-weight:500;outline:none;padding:8px;padding:var(--space-sm)}.cancel-edit-btn{align-items:center;background:#ff3b30;background:var(--ios-red);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;transition:all .3s ease;width:24px}.cancel-edit-btn:hover{background:#d70015;transform:scale(1.1)}.action-buttons{display:flex;gap:8px;gap:var(--space-sm)}.whatsapp-btn{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:4px;gap:var(--space-xs);padding:8px 16px;padding:var(--space-sm) var(--space-md);transition:all .3s ease}.whatsapp-btn:hover{background:linear-gradient(135deg,#128c7e,#25d366);box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.whatsapp-btn i{font-size:1.1rem}.loading-container{color:#666}.loading-spinner{border:4px solid #f0f0f5;border-left:4px solid var(--ios-blue);height:40px;margin-bottom:16px;width:40px}.empty-state{color:#666;padding:32px;padding:var(--space-xl)}.empty-state-icon{font-size:3rem;margin-bottom:16px;margin-bottom:var(--space-md)}.empty-state h3{color:#1d1d1f;font-weight:600;margin:0 0 8px;margin:0 0 var(--space-sm) 0}.empty-state p{line-height:1.5;margin:0}@media (max-width:1200px){.requests-page-container{padding:24px;padding:var(--space-lg)}.requests-table-container{overflow-x:auto}.requests-table{min-width:800px}}@media (max-width:768px){.requests-page-container{padding:16px;padding:var(--space-md)}.search-filter-grid{gap:16px;gap:var(--space-md);grid-template-columns:1fr}.filter-group{align-items:stretch;flex-direction:column}.header-stats{grid-template-columns:repeat(2,1fr)}.requests-table td,.requests-table th{padding:8px;padding:var(--space-sm)}.action-buttons{flex-direction:column}}@media (max-width:480px){.requests-page-header h2{font-size:1.5rem}.header-stats{grid-template-columns:1fr}.stat-number{font-size:1.5rem}.requests-table{font-size:.85rem;min-width:600px}}@keyframes statusChange{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.status-badge.changing{animation:statusChange .3s ease}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:24px;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 32px #0003;box-shadow:var(--shadow-lg);max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.modal-header{align-items:center;background:#f2f2f7;background:var(--ios-light-gray);border-bottom:1px solid #f2f2f7;border-bottom:1px solid var(--ios-light-gray);border-radius:12px 12px 0 0;border-radius:var(--border-radius) var(--border-radius) 0 0;display:flex;justify-content:space-between;padding:24px;padding:var(--space-lg)}.modal-header h3{color:#007aff;color:var(--ios-blue);font-size:1.25rem;font-weight:600;margin:0}.modal-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#8e8e93;color:var(--ios-gray);cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;padding:4px;padding:var(--space-xs);transition:all .2s ease;width:36px}.modal-header .close-btn:hover{background:#0000001a;color:#ff3b30;color:var(--ios-red)}.modal-body{padding:24px;padding:var(--space-lg)}.request-details-grid{grid-gap:16px;grid-gap:var(--space-md);display:grid;gap:16px;gap:var(--space-md);grid-template-columns:1fr 1fr;margin-bottom:32px;margin-bottom:var(--space-xl)}.detail-item{display:flex;flex-direction:column;gap:4px;gap:var(--space-xs)}.detail-item.full-width{grid-column:1/-1}.detail-item label{color:#8e8e93;color:var(--ios-gray);font-size:.9rem;font-weight:600}.detail-item span{color:#333;font-size:1rem}.notes-display{background:#f2f2f7;background:var(--ios-light-gray);border-radius:8px;border-radius:var(--border-radius-sm);color:#333;font-size:.95rem;line-height:1.5;padding:16px;padding:var(--space-md);white-space:pre-wrap}.attached-images-section{border-top:1px solid #f2f2f7;border-top:1px solid var(--ios-light-gray);padding-top:24px;padding-top:var(--space-lg)}.attached-images-section h4{color:#007aff;color:var(--ios-blue);font-size:1.1rem;font-weight:600;margin:0 0 16px;margin:0 0 var(--space-md) 0}.images-grid{grid-gap:24px;grid-gap:var(--space-lg);display:grid;gap:24px;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.image-item{display:flex;flex-direction:column;gap:8px;gap:var(--space-sm)}.image-item label{color:#8e8e93;color:var(--ios-gray);font-size:.9rem;font-weight:600}.image-container{background:#f2f2f7;background:var(--ios-light-gray);border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);overflow:hidden;position:relative}.image-container img{cursor:pointer;display:block;height:200px;object-fit:cover;transition:transform .2s ease;width:100%}.image-container img:hover{transform:scale(1.05)}.image-error{align-items:center;background:#fff5f5;color:#ff3b30;color:var(--ios-red);display:flex;font-size:.9rem;height:200px;justify-content:center;padding:24px;padding:var(--space-lg);text-align:center}.no-attachments{border-radius:8px;border-radius:var(--border-radius-sm);color:#8e8e93;color:var(--ios-gray);font-style:italic;grid-column:1/-1;padding:32px;padding:var(--space-xl);text-align:center}.modal-footer,.no-attachments{background:#f2f2f7;background:var(--ios-light-gray)}.modal-footer{border-radius:0 0 12px 12px;border-radius:0 0 var(--border-radius) var(--border-radius);border-top:1px solid #f2f2f7;border-top:1px solid var(--ios-light-gray);display:flex;gap:16px;gap:var(--space-md);justify-content:flex-end;padding:24px;padding:var(--space-lg)}.modal-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:4px;gap:var(--space-xs);padding:8px 24px;padding:var(--space-sm) var(--space-lg);transition:all .2s ease}.modal-btn.close-btn{background:#8e8e93;background:var(--ios-gray);color:#fff}.modal-btn.close-btn:hover{background:#6d6d72}.modal-btn.whatsapp-btn{background:#25d366;color:#fff}.modal-btn.whatsapp-btn:hover{background:#1eb757;transform:translateY(-1px)}.view-btn{align-items:center;background:#007aff;background:var(--ios-blue);border:none;border-radius:8px;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:4px;gap:var(--space-xs);padding:4px 8px;padding:var(--space-xs) var(--space-sm);transition:all .2s ease}.view-btn:hover{background:#0056cc;transform:translateY(-1px)}@media (max-width:768px){.modal-backdrop{padding:16px;padding:var(--space-md)}.images-grid,.request-details-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}.modal-btn{justify-content:center;width:100%}}:root{--primary-light:#4da6ff;--text-muted:#a1a1a6;--bg-gradient:linear-gradient(135deg,#f5f7fa,#c3cfe2);--border-light:#0000000d;--shadow-xs:0 2px 4px #0000001a;--glass-bg:#fffffff2;--glass-border:#fff3;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--radius-lg:16px;--radius-xl:20px;--radius-xxl:24px}.datagraphs-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background:var(--bg-gradient);direction:rtl;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh;padding:32px;padding:var(--space-xl)}.datagraphs-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:24px;border-radius:var(--radius-xxl);box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-md);margin-bottom:48px;margin-bottom:var(--space-xxl);overflow:hidden;padding:32px 24px;padding:var(--space-xl) var(--space-lg);position:relative;text-align:center}.header-top{display:flex;justify-content:flex-start;margin-bottom:24px;margin-bottom:var(--space-lg)}.back-to-dashboard-btn{align-items:center;background:linear-gradient(135deg,#8e8e93,#6c757d);background:linear-gradient(135deg,var(--ios-gray),#6c757d);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-xs);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;gap:var(--space-sm);padding:8px 24px;padding:var(--space-sm) var(--space-lg);transition:all .3s ease;transition:all var(--transition-normal)}.back-to-dashboard-btn:hover{background:linear-gradient(135deg,#6c757d,#8e8e93);background:linear-gradient(135deg,#6c757d,var(--ios-gray));box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.datagraphs-header:before{background:linear-gradient(90deg,#007aff,#af52de,#34c759,#ff9500);background:linear-gradient(90deg,var(--ios-blue),var(--ios-purple),var(--ios-green),var(--ios-orange));border-radius:24px 24px 0 0;border-radius:var(--radius-xxl) var(--radius-xxl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.datagraphs-header h2{align-items:center;color:#1d1d1f;color:var(--text-primary);display:flex;font-size:2rem;font-weight:700;gap:16px;gap:var(--space-md);justify-content:center;margin:0}.datagraphs-header .header-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#007aff,#af52de);background:linear-gradient(135deg,var(--ios-blue),var(--ios-purple));-webkit-background-clip:text;background-clip:text;font-size:2.5rem}.datagraphs-header p{color:#86868b;color:var(--text-secondary);font-size:1.1rem;font-weight:500;margin:16px 0 0;margin:var(--space-md) 0 0 0}.header-actions{display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-md);justify-content:center;margin-top:24px;margin-top:var(--space-lg)}.back-btn{background:linear-gradient(135deg,#8e8e93,#6c757d);background:linear-gradient(135deg,var(--ios-gray),#6c757d);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-xs);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 24px;padding:var(--space-sm) var(--space-lg);transition:all .3s ease;transition:all var(--transition-normal)}.back-btn:hover{background:linear-gradient(135deg,#6c757d,#8e8e93);background:linear-gradient(135deg,#6c757d,var(--ios-gray));box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.refresh-btn{background:linear-gradient(135deg,#007aff,#5ac8fa);background:linear-gradient(135deg,var(--ios-blue),var(--ios-light-blue));border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-xs);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 24px;padding:var(--space-sm) var(--space-lg);transition:all .3s ease;transition:all var(--transition-normal)}.refresh-btn:hover{box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.stats-overview{grid-gap:24px;grid-gap:var(--space-lg);display:grid;gap:24px;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:48px;margin-bottom:var(--space-xxl)}.stat-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-sm);overflow:hidden;padding:24px;padding:var(--space-lg);position:relative;text-align:center}.stat-card:hover{box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-md)}.stat-card .stat-icon{font-size:2rem;margin-bottom:8px;margin-bottom:var(--space-sm)}.stat-card .stat-number{color:#007aff;color:var(--primary);font-size:2.5rem;font-weight:700;margin:0}.stat-card .stat-label{color:#86868b;color:var(--text-secondary);font-size:.9rem;font-weight:500;margin:4px 0 0;margin:var(--space-xs) 0 0 0}.charts-grid{grid-gap:32px;grid-gap:var(--space-xl);display:grid;gap:32px;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chart-block{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-md);overflow:hidden;padding:32px;padding:var(--space-xl);position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--transition-smooth)}.chart-block:hover{border-color:#007aff;border-color:var(--primary);box-shadow:0 12px 35px #0003;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.chart-block:before{background:linear-gradient(90deg,#007aff,#af52de);background:linear-gradient(90deg,var(--ios-blue),var(--ios-purple));border-radius:20px 20px 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.chart-block h3{border-bottom:2px solid #0000000d;border-bottom:2px solid var(--border-light);color:#1d1d1f;color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:0 0 24px;margin:0 0 var(--space-lg) 0;padding-bottom:16px;padding-bottom:var(--space-md);position:relative;text-align:center}.chart-block h3:after{background:linear-gradient(90deg,#007aff,#af52de);background:linear-gradient(90deg,var(--ios-blue),var(--ios-purple));border-radius:2px;bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.chart-container{height:300px;margin-top:24px;margin-top:var(--space-lg);position:relative}.loading-container{min-height:400px;text-align:center}.loading-spinner{border:4px solid #0000000d;border-top:4px solid #007aff;border:4px solid var(--border-light);border-top-color:var(--primary);margin-bottom:24px;margin-bottom:var(--space-lg)}.loading-text{color:#86868b;color:var(--text-secondary);font-size:1.1rem;font-weight:500}.error{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff3b301a,#ff3b300d);border:1px solid #ff3b3033;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-sm);color:#ff3b30;color:var(--error);display:flex;font-weight:500;gap:16px;gap:var(--space-md);justify-content:center;margin-bottom:32px;margin-bottom:var(--space-xl);padding:32px;padding:var(--space-xl);text-align:center}.error:before{content:"⚠️";font-size:1.5rem}.empty-state{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:48px;padding:var(--space-xxl);text-align:center}.empty-state .empty-icon{font-size:4rem;margin-bottom:24px;margin-bottom:var(--space-lg);opacity:.5}.empty-state .empty-title{color:#1d1d1f;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 16px;margin:0 0 var(--space-md) 0}.empty-state .empty-description{color:#86868b;color:var(--text-secondary);font-size:1rem;margin:0}@media (max-width:1200px){.charts-grid{gap:24px;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:768px){.datagraphs-page{padding:24px;padding:var(--space-lg)}.datagraphs-header h2{font-size:1.5rem}.datagraphs-header .header-icon{font-size:2rem}.header-top{justify-content:center;margin-bottom:16px;margin-bottom:var(--space-md)}.back-to-dashboard-btn{font-size:.8rem;padding:4px 16px;padding:var(--space-xs) var(--space-md)}.header-actions{align-items:center;flex-direction:column;gap:8px;gap:var(--space-sm)}.back-btn,.refresh-btn{font-size:.8rem;max-width:200px;padding:8px 16px;padding:var(--space-sm) var(--space-md);width:100%}.charts-grid{gap:24px;gap:var(--space-lg);grid-template-columns:1fr}.chart-block{padding:24px;padding:var(--space-lg)}.stats-overview{gap:16px;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card .stat-number{font-size:2rem}.chart-container{height:250px}}@media (max-width:480px){.datagraphs-page{padding:16px;padding:var(--space-md)}.datagraphs-header{padding:24px;padding:var(--space-lg)}.datagraphs-header h2{flex-direction:column;font-size:1.3rem;gap:8px;gap:var(--space-sm)}.header-top{margin-bottom:8px;margin-bottom:var(--space-sm)}.back-to-dashboard-btn{font-size:.75rem;padding:6px 12px}.chart-block{padding:16px;padding:var(--space-md)}.chart-container{height:200px}.stats-overview{grid-template-columns:1fr 1fr}}:root{--ios-green:#34c759;--ios-orange:#ff9500;--ios-blue:#007aff;--ios-light-blue:#5ac8fa;--ios-red:#ff3b30;--ios-purple:#af52de;--ios-gray:#8e8e93;--ios-yellow:#ffcc02;--ios-teal:#30b0c7;--primary:#007aff;--primary-dark:#0056b3;--primary-light:#bbdefb;--secondary:#2c3e50;--accent:#ff9800;--success:#34c759;--error:#ff3b30;--warning:#ff9500;--info:#5ac8fa;--text-primary:#1d1d1f;--text-secondary:#86868b;--text-light:#f5f5f5;--bg-light:#fff;--bg-medium:#f5f7fa;--bg-dark:#e9ecef;--border-color:#0000001a;--shadow-sm:0 4px 12px #00000026;--shadow-md:0 8px 20px #00000026;--shadow-lg:0 12px 35px #0003;--shadow-inset:inset 0 2px 5px #0000001a;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:25px;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--transition-smooth:0.3s cubic-bezier(0.25,0.46,0.45,0.94);--header-height:70px;--container-width:1200px}*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background:linear-gradient(135deg,var(--bg-medium) 0,#c3cfe2 100%);color:#1d1d1f;color:var(--text-primary);direction:rtl;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-size:var(--font-size-md);height:100%;line-height:1.6;overflow-x:hidden}#root{display:flex;flex-direction:column;height:100%}a{color:#007aff;color:var(--primary);text-decoration:none;transition:color .2s ease;transition:color var(--transition-fast)}a:hover{color:#0056b3;color:var(--primary-dark)}button{cursor:pointer;font-family:inherit}h1,h2,h3,h4,h5,h6{color:#1d1d1f;color:var(--text-primary);font-weight:600;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--space-md)}h1{font-size:2rem;font-size:var(--font-size-2xl)}h2{font-size:1.5rem;font-size:var(--font-size-xl)}h3{font-size:1.25rem;font-size:var(--font-size-lg)}hr{background-color:#0000001a;background-color:var(--border-color);border:0;height:1px;margin:0}.app-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background:linear-gradient(135deg,var(--bg-medium) 0,#c3cfe2 100%);min-height:100vh}.main-app-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border-color);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;max-width:var(--container-width);min-height:70px;min-height:var(--header-height);padding:1rem 2rem;padding:var(--space-md) var(--space-xl)}.header-content,.site-title{align-items:center;display:flex}.site-title{color:#007aff;color:var(--primary);font-size:1.5rem;font-size:var(--font-size-xl);font-weight:700;text-decoration:none!important;transition:all .2s ease;transition:all var(--transition-fast)}.site-title:hover{color:#0056b3;color:var(--primary-dark);transform:scale(1.02)}.header-links{align-items:center;display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:1.5rem;gap:var(--space-lg)}.header-links span{align-items:center;color:#86868b;color:var(--text-secondary);display:flex;font-weight:500;gap:.25rem;gap:var(--space-xs)}.header-links a{background:#007aff1a;border-radius:12px;border-radius:var(--radius-md);color:#007aff;color:var(--primary);font-weight:600;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all .2s ease;transition:all var(--transition-fast)}.header-links a:hover{background:#007aff33;color:#0056b3;color:var(--primary-dark);transform:translateY(-1px)}.logout-btn{background:#ff3b30;background:var(--ios-red);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #ff3b304d;color:#fff;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);transition:all .2s ease;transition:all var(--transition-fast)}.logout-btn:hover{background:#e60023;box-shadow:0 4px 12px #ff3b3066;transform:translateY(-1px)}.menu-toggle{background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#007aff;color:var(--primary);cursor:pointer;display:none;font-size:24px;padding:.5rem;padding:var(--space-sm);transition:all .2s ease;transition:all var(--transition-fast)}.menu-toggle:hover{background:#007aff1a}.user-pill{background:#fff;background:var(--bg-light);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:50px;box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-sm);color:#86868b;color:var(--text-secondary);font-weight:600;gap:8px;max-width:150px;overflow:hidden;padding:6px 12px;text-overflow:ellipsis;white-space:nowrap}.user-pill,.user-pill .avatar{align-items:center;display:flex;font-size:.75rem;font-size:var(--font-size-xs)}.user-pill .avatar{background:linear-gradient(135deg,#007aff,#0056b3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:50%;color:#fff;font-weight:700;height:24px;justify-content:center;width:24px}.mobile-header{justify-content:space-between;width:100%}.mobile-actions,.mobile-header{align-items:center;display:flex}.mobile-actions{gap:.5rem;gap:var(--space-sm)}.mobile-header-expanded{height:auto;padding-bottom:.5rem;padding-bottom:var(--space-sm)}.container{margin:0 auto;max-width:1200px;max-width:var(--container-width);padding:0 1rem;padding:0 var(--space-md);width:100%}.staff-app{display:flex;flex:1 1;flex-direction:column;min-height:100vh}.staff-content{flex:1 1;padding:2rem;padding:var(--space-xl)}.card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-md);margin-bottom:1.5rem;margin-bottom:var(--space-lg);overflow:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--transition-smooth)}.card:hover{box-shadow:0 12px 35px #0003;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{background:linear-gradient(135deg,#007aff1a,#007aff0d);border-bottom:1px solid var(--border-color);padding:1.5rem 2rem;padding:var(--space-lg) var(--space-xl)}.card-header h2{gap:.5rem;gap:var(--space-sm)}.card-header h2:before{content:"👋";font-size:1.25rem;font-size:var(--font-size-lg)}.card-body{padding:2rem;padding:var(--space-xl)}.card-footer{background:#00000005;border-top:1px solid #0000001a;border-top:1px solid var(--border-color);padding:1rem 2rem;padding:var(--space-md) var(--space-xl)}.login-container{animation:fadeInUp .6s cubic-bezier(.25,.46,.45,.94) .3s;animation:fadeInUp .6s var(--transition-smooth);margin:2rem auto;margin:var(--space-xl) auto;max-width:420px;padding:1rem;padding:var(--space-md);width:90%}.login-form{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 12px 35px #0003;box-shadow:var(--shadow-lg);margin-bottom:1.5rem;margin-bottom:var(--space-lg);padding:2rem;padding:var(--space-xl);position:relative}.login-form:before{background:linear-gradient(135deg,#007aff,#0056b3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:18px 18px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.login-form h2{color:#1d1d1f;color:var(--text-primary);font-weight:700;margin-bottom:2rem;margin-bottom:var(--space-xl);position:relative;text-align:center}.login-form h2:after{background:linear-gradient(135deg,#007aff,#0056b3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:2px;content:"";display:block;height:3px;margin:.5rem auto 0;margin:var(--space-sm) auto 0;width:50px}.login-form h2:before{content:"👤";display:block;font-size:1.5rem;font-size:var(--font-size-xl)}.form-group,.login-form h2:before{margin-bottom:1rem;margin-bottom:var(--space-md)}.form-group{position:relative}.form-group label{color:#86868b;color:var(--text-secondary);display:block;font-weight:600;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.form-control,.login-form input,.login-form select,.login-form textarea{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);display:block;font-size:1rem;font-size:var(--font-size-md);margin-bottom:1rem;margin-bottom:var(--space-md);padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);transition:all .2s ease;transition:all var(--transition-fast);width:100%}.form-control:focus,.login-form input:focus,.login-form select:focus,.login-form textarea:focus{background:#fffffff2;border-color:#007aff;border-color:var(--primary);box-shadow:0 0 0 3px #007aff33;outline:none}.login-form button{background:linear-gradient(135deg,#007aff,#0056b3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 15px #007aff4d;color:#fff;cursor:pointer;display:block;font-size:1rem;font-size:var(--font-size-md);font-weight:600;overflow:hidden;padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);position:relative;transition:all .2s ease;transition:all var(--transition-fast);width:100%}.login-form button:hover{box-shadow:0 8px 25px #007aff66;transform:translateY(-2px)}.login-form button:active{transform:translateY(0)}.login-form button:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-loading{position:relative}.btn-loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:16px;left:50%;margin:auto;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.login-error{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ff3b301a;border:1px solid #ff3b3033;border-radius:12px;border-radius:var(--radius-md);color:#ff3b30;color:var(--error);font-size:.875rem;font-size:var(--font-size-sm);margin-top:1rem;margin-top:var(--space-md);padding:1rem;padding:var(--space-md);text-align:center}.btn{border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:inline-block;font-size:1rem;font-size:var(--font-size-md);font-weight:600;padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg);text-align:center;text-decoration:none;transition:all .2s ease;transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,#007aff,#0056b3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:0 4px 15px #007aff4d;color:#fff}.btn-primary:hover{box-shadow:0 8px 25px #007aff66;transform:translateY(-2px)}.btn-secondary{background:#2c3e501a;border:1px solid #2c3e50;border:1px solid var(--secondary);color:#2c3e50;color:var(--secondary)}.btn-secondary:hover{background:#2c3e50;background:var(--secondary);color:#fff}.btn-link{background:#0000;color:#007aff;color:var(--primary);text-decoration:none}.btn-link:hover{color:#0056b3;color:var(--primary-dark);text-decoration:underline}.alert{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid;border-radius:12px;border-radius:var(--radius-md);display:flex;gap:.5rem;gap:var(--space-sm);margin-bottom:1rem;margin-bottom:var(--space-md);padding:1rem;padding:var(--space-md)}.alert-success{background:#34c7591a;border-color:#34c7594d;color:#34c759;color:var(--success)}.alert-error{background:#ff3b301a;border-color:#ff3b304d;color:#ff3b30;color:var(--error)}.alert-warning{background:#ff95001a;border-color:#ff95004d;color:#ff9500;color:var(--warning)}.alert-info{background:#5ac8fa1a;border-color:#5ac8fa4d;color:#5ac8fa;color:var(--info)}.alert:before{font-size:1.25rem;font-size:var(--font-size-lg)}.alert-success:before{content:"✅"}.alert-error:before{content:"❌"}.alert-warning:before{content:"⚠️"}.alert-info:before{content:"ℹ️"}.loading-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background:linear-gradient(135deg,var(--bg-medium) 0,#c3cfe2 100%);display:flex;flex-direction:column;height:100vh;justify-content:center;padding:2rem;padding:var(--space-xl)}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #007aff33;border-left:4px solid var(--primary);border-radius:50%;height:50px;margin-bottom:1rem;margin-bottom:var(--space-md);width:50px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-1{margin-top:.25rem;margin-top:var(--space-xs)}.mt-2{margin-top:.5rem;margin-top:var(--space-sm)}.mt-3{margin-top:1rem;margin-top:var(--space-md)}.mt-4{margin-top:1.5rem;margin-top:var(--space-lg)}.mt-5{margin-top:2rem;margin-top:var(--space-xl)}.mb-1{margin-bottom:.25rem;margin-bottom:var(--space-xs)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-sm)}.mb-3{margin-bottom:1rem;margin-bottom:var(--space-md)}.mb-4{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.mb-5{margin-bottom:2rem;margin-bottom:var(--space-xl)}.p-1{padding:.25rem;padding:var(--space-xs)}.p-2{padding:.5rem;padding:var(--space-sm)}.p-3{padding:1rem;padding:var(--space-md)}.p-4{padding:1.5rem;padding:var(--space-lg)}.p-5{padding:2rem;padding:var(--space-xl)}.text-primary{color:#007aff;color:var(--primary)}.text-secondary{color:#86868b;color:var(--text-secondary)}.text-success{color:#34c759;color:var(--success)}.text-error{color:#ff3b30;color:var(--error)}.bg-light{background-color:#fff;background-color:var(--bg-light)}.bg-medium{background-color:#f5f7fa;background-color:var(--bg-medium)}.bg-dark{background-color:#e9ecef;background-color:var(--bg-dark)}.bg-primary{background-color:#007aff;background-color:var(--primary);color:#fff}.d-flex{display:flex}.d-none{display:none}.flex-column{flex-direction:column}.justify-between{justify-content:space-between}.align-center{align-items:center}.gap-1{gap:.25rem;gap:var(--space-xs)}.gap-2{gap:.5rem;gap:var(--space-sm)}.gap-3{gap:1rem;gap:var(--space-md)}.w-100{width:100%}.shadow-sm{box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-md)}.rounded{border-radius:12px;border-radius:var(--radius-md)}.rounded-sm{border-radius:8px;border-radius:var(--radius-sm)}.rounded-lg{border-radius:18px;border-radius:var(--radius-lg)}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem;gap:var(--space-md);min-height:auto;padding:1rem;padding:var(--space-md);text-align:center}.mobile-header{justify-content:space-between;width:100%}.site-title{font-size:1.25rem;font-size:var(--font-size-lg)}.menu-toggle{display:block}.header-links{display:none;flex-direction:column;gap:.5rem;gap:var(--space-sm);margin-top:.5rem;margin-top:var(--space-sm);width:100%}.header-links.expanded{display:flex}.header-links a,.header-links span{padding:.5rem 0;padding:var(--space-sm) 0;text-align:center;width:100%}.logout-btn{margin-top:.5rem;margin-top:var(--space-sm);width:100%}.login-container{margin:1rem auto;margin:var(--space-md) auto;width:95%}.login-form{padding:1.5rem 1rem;padding:var(--space-lg) var(--space-md)}.card-body,.card-footer,.card-header,.staff-content{padding:1rem;padding:var(--space-md)}.container{padding:0 .5rem;padding:0 var(--space-sm)}}@media (max-width:480px){.login-container{margin:.5rem auto;margin:var(--space-sm) auto;width:95%}.login-form{padding:1rem;padding:var(--space-md)}.header-content{padding:.5rem;padding:var(--space-sm)}.site-title{font-size:1rem;font-size:var(--font-size-md)}.btn{margin-bottom:.5rem;margin-bottom:var(--space-sm);width:100%}.staff-content{padding:.5rem;padding:var(--space-sm)}}.d-md-none{display:block}.d-md-flex{display:none}@media (min-width:768px){.d-md-none{display:none!important}.d-md-flex{display:flex!important}}.btn:focus,.form-control:focus,.login-form input:focus,.logout-btn:focus,.site-title:focus{outline:2px solid #007aff;outline:2px solid var(--primary);outline-offset:2px}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f5f7fa;background:var(--bg-medium)}::-webkit-scrollbar-thumb{background:#007aff;background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0056b3;background:var(--primary-dark)}@media print{.logout-btn,.main-app-header,.menu-toggle{display:none}.card,.login-form{border:1px solid #ccc;box-shadow:none}}.login-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px 0}.login-header-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-md);margin-bottom:20px;padding:30px;position:relative;text-align:center}.login-brand{align-items:center;display:flex;flex-direction:column;gap:10px}.brand-icon{font-size:48px;margin-bottom:10px}.login-brand h1{color:#1d1d1f;color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.login-brand p{font-size:14px;margin:0}.login-brand p,.system-time{color:#86868b;color:var(--text-secondary)}.system-time{background:#0000000d;border-radius:8px;font-size:12px;padding:4px 8px;position:absolute;right:15px;top:15px}.login-form-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-md);margin-bottom:20px;overflow:hidden;padding:0}.form-header{background:#fff;color:#fff;padding:0 10%;text-align:center}.form-header h2{font-size:20px;font-weight:700;margin:0 0 5px}.form-header p{font-size:14px;margin:0;opacity:.9}.login-form{padding:30px}.login-submit-btn{align-items:center;background:linear-gradient(135deg,#007aff,#0056b3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 15px #007aff4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:15px 30px;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--transition-smooth);width:100%}.login-submit-btn:hover{box-shadow:0 8px 25px #007aff66;transform:translateY(-2px)}.login-submit-btn.loading{cursor:not-allowed;opacity:.8}.signup-link-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-md);margin-bottom:20px;padding:20px;text-align:center}.signup-link{align-items:center;color:#007aff;color:var(--primary);display:inline-flex;font-weight:600;gap:6px;margin-top:8px;text-decoration:none;transition:all .2s ease;transition:all var(--transition-fast)}.signup-link:hover{color:#0056b3;color:var(--primary-dark);transform:translateX(-2px)}.features-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-md);padding:25px}.features-card h3{color:#1d1d1f;color:var(--text-primary);font-weight:700;margin-bottom:20px;text-align:center}.features-list{display:flex;flex-direction:column;gap:12px}.feature-item{align-items:center;color:#86868b;color:var(--text-secondary);display:flex;font-size:14px;gap:10px}.feature-item i{color:#007aff;color:var(--primary);width:20px}.staff-dashboard{display:flex;flex-direction:column;gap:25px}.welcome-card{background:linear-gradient(135deg,#007aff,#0056b3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:18px;border-radius:var(--radius-lg);color:#fff;padding:30px}.welcome-card:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);height:200%;pointer-events:none;right:-50%;top:-50%;width:200%}.welcome-content{align-items:center;display:flex;justify-content:space-between}.welcome-text h1{font-size:28px;font-weight:700;margin:0 0 8px}.welcome-subtitle{margin:0 0 15px;opacity:.9}.welcome-meta{font-size:14px;gap:20px;opacity:.8}.last-login,.user-role{align-items:center;display:flex;gap:6px}.welcome-avatar{align-items:center;display:flex;justify-content:center}.avatar-circle{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;color:#fff;font-size:32px;font-weight:700}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-md);display:flex;gap:20px;padding:25px;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--transition-smooth)}.stat-card:hover{box-shadow:0 12px 35px #0003;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:12px;border-radius:var(--radius-md);display:flex;font-size:32px;justify-content:center;padding:15px}.stat-card.total .stat-icon{background:linear-gradient(135deg,#007aff,#0056b3);background:linear-gradient(135deg,var(--ios-blue) 0,#0056b3 100%)}.stat-card.pending .stat-icon{background:linear-gradient(135deg,#ff9500,#fd7e14);background:linear-gradient(135deg,var(--ios-orange) 0,#fd7e14 100%)}.stat-card.approved .stat-icon{background:linear-gradient(135deg,#34c759,#28a745);background:linear-gradient(135deg,var(--ios-green) 0,#28a745 100%)}.stat-card.rejected .stat-icon{background:linear-gradient(135deg,#ff3b30,#dc3545);background:linear-gradient(135deg,var(--ios-red) 0,#dc3545 100%)}.stat-content h3{color:#1d1d1f;color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 5px}.stat-content p{color:#86868b;color:var(--text-secondary);font-size:14px;font-weight:500;margin:0}.quick-actions-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-md);padding:30px}.section-title{align-items:center;color:#1d1d1f;color:var(--text-primary);display:flex;font-size:20px;font-weight:700;gap:10px;margin:0 0 25px}.quick-actions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.quick-action-card{align-items:center;background:#fff;border:1px solid #0000001a;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-sm);color:inherit;display:flex;gap:15px;overflow:hidden;padding:20px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--transition-smooth)}.quick-action-card:hover{box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-md);color:inherit;text-decoration:none;transform:translateY(-4px)}.quick-action-card.blue{border-left:4px solid #007aff;border-left:4px solid var(--ios-blue)}.quick-action-card.green{border-left:4px solid #34c759;border-left:4px solid var(--ios-green)}.quick-action-card.orange{border-left:4px solid #ff9500;border-left:4px solid var(--ios-orange)}.action-icon{align-items:center;background:#0000000d;border-radius:8px;border-radius:var(--radius-sm);display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.action-content{flex:1 1}.action-content h3{color:#1d1d1f;color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.action-content p{color:#86868b;color:var(--text-secondary);font-size:14px;margin:0}.action-badge{background:#ff3b30;background:var(--ios-red);border-radius:50px;color:#fff;font-size:12px;font-weight:700;min-width:20px;padding:4px 8px;text-align:center}.action-arrow{color:#86868b;color:var(--text-secondary);font-size:18px;font-weight:700}.recent-activity-card,.system-info-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-md);padding:25px}.card-header{border-bottom:1px solid #0000001a;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.card-header,.card-header h2{align-items:center;display:flex}.card-header h2{color:#1d1d1f;color:var(--text-primary);font-size:18px;font-weight:700;gap:10px;margin:0}.view-all-link{color:#007aff;color:var(--primary);font-size:14px;font-weight:600;text-decoration:none}.activity-list{display:flex;flex-direction:column;gap:15px}.activity-item{align-items:flex-start;background:#00000005;border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:15px;padding:15px}.activity-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.activity-icon.pending{background:#ff950033}.activity-icon.approved{background:#34c75933}.activity-icon.submitted{background:#5ac8fa33}.activity-content h4{color:#1d1d1f;color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 4px}.activity-content p{font-size:13px;margin:0 0 4px}.activity-content p,.activity-time{color:#86868b;color:var(--text-secondary)}.activity-time{font-size:12px;opacity:.7}.info-header h3{align-items:center;color:#1d1d1f;color:var(--text-primary);display:flex;font-size:18px;font-weight:700;gap:10px;margin:0 0 20px}.info-content{display:flex;flex-direction:column;gap:12px}.info-item{align-items:center;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:10px 0}.info-item:last-child{border-bottom:none}.info-label{color:#86868b;color:var(--text-secondary);font-size:14px;font-weight:500}.info-value{color:#1d1d1f;color:var(--text-primary);font-size:14px;font-weight:600}.status-online{color:#34c759;color:var(--ios-green)}.time-badge{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #0000001a;border-radius:12px;color:#86868b;color:var(--text-secondary);font-size:10px;font-weight:600;padding:4px 8px}.time-detail,.user-detail{color:#86868b;color:var(--text-secondary);font-size:14px;font-weight:500}.nav-link,.time-detail,.user-detail{align-items:center;display:flex;gap:6px}.nav-link{background:#007aff1a;border-radius:12px;border-radius:var(--radius-md);color:#007aff;color:var(--primary);font-weight:600;padding:10px 16px;text-decoration:none;transition:all .2s ease;transition:all var(--transition-fast)}.nav-link:hover{background:#007aff33;color:#0056b3;color:var(--primary-dark);transform:translateY(-1px)}.loading-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 8px 20px #00000026;box-shadow:var(--shadow-md);margin:0 auto;max-width:400px;padding:40px;text-align:center}.loading-meta{color:#86868b;color:var(--text-secondary);font-size:12px;margin-top:15px;opacity:.7}@media (max-width:768px){.welcome-content{flex-direction:column;gap:20px;text-align:center}.welcome-meta{flex-direction:column;gap:8px}.stats-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.stat-card{flex-direction:column;gap:15px;padding:20px;text-align:center}.quick-actions-grid{grid-template-columns:1fr}.activity-item,.info-item{flex-direction:column;text-align:center}.info-item{gap:4px}.login-header-card .system-time{display:inline-block;margin-top:15px;position:static}.welcome-text h1{font-size:24px}.section-title{font-size:18px}}@media (max-width:480px){.staff-dashboard{gap:20px}.quick-actions-section,.recent-activity-card,.system-info-card,.welcome-card{padding:20px}.stats-grid{grid-template-columns:1fr}.welcome-text h1{font-size:22px}.avatar-circle{font-size:24px;height:60px;width:60px}}.welcome-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 12px 35px #0003;box-shadow:var(--shadow-lg);margin-bottom:2rem;margin-bottom:var(--space-xl);overflow:hidden;padding:0;position:relative}.welcome-card:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='.5' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.welcome-content{color:#fff;padding:2rem;padding:var(--space-xl);position:relative;z-index:1}.welcome-header{align-items:center;display:flex;gap:1.5rem;gap:var(--space-lg);margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.staff-photo,.staff-photo-container{position:relative}.staff-photo{display:inline-block}.avatar-circle{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:4px solid #ffffff80;border-radius:50%;box-shadow:0 8px 20px #00000026;color:#007aff;color:var(--primary);display:flex;font-size:36px;font-weight:400;height:80px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:80px}.avatar-circle:before{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.avatar-circle i{color:#1976d2;text-shadow:0 2px 4px #0000001a;z-index:1}.staff-photo:hover .avatar-circle{transform:scale(1.05)}.staff-photo:hover .avatar-circle i{color:#0d47a1;transform:scale(1.1)}.staff-photo-img{border:4px solid #ffffff80;border-radius:50%;height:80px;object-fit:cover;position:relative;transition:all .3s ease;width:80px;z-index:1}.staff-photo:hover .staff-photo-img{border-color:#fffc;box-shadow:0 12px 25px #0003;transform:scale(1.05)}.photo-overlay{align-items:center;background:#007aff;background:var(--ios-blue);border:3px solid #fff;border-radius:50%;bottom:-5px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;position:absolute;right:-5px;transition:all .3s ease;width:28px}.photo-overlay:hover{background:#5ac8fa;background:var(--ios-light-blue);transform:scale(1.1)}.staff-info{flex:1 1}.staff-name{align-items:center;color:#fff;display:flex;font-size:28px;font-weight:700;gap:.5rem;gap:var(--space-sm);margin:0 0 .5rem;margin:0 0 var(--space-sm) 0;text-shadow:0 2px 4px #0000004d}.staff-name i{font-size:24px;opacity:.9}.staff-job-title{align-items:center;color:#ffffffe6;display:flex;font-size:20px;font-weight:500;gap:.5rem;gap:var(--space-sm);margin:0;text-shadow:0 1px 3px #0000004d}.staff-job-title i{font-size:18px;opacity:.8}.welcome-message{border-top:1px solid #fff3;padding-top:1.5rem;padding-top:var(--space-lg);text-align:center}.welcome-title{color:#fff;font-size:24px;font-weight:600;margin:0 0 .5rem;margin:0 0 var(--space-sm) 0;text-shadow:0 2px 4px #0000004d}.welcome-subtitle{color:#ffffffe6;font-size:16px;line-height:1.5;margin:0 0 1.5rem;margin:0 0 var(--space-lg) 0;text-shadow:0 1px 3px #0000004d}.welcome-meta{display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--space-lg);justify-content:center}.meta-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fffc;display:flex;font-size:14px;gap:.25rem;gap:var(--space-xs);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.meta-item i{font-size:12px;opacity:.9}@media (max-width:768px){.welcome-header{flex-direction:column;gap:1rem;gap:var(--space-md)}.staff-info,.welcome-header{text-align:center}.avatar-circle{font-size:28px;height:70px;width:70px}.staff-name{font-size:24px;justify-content:center}.staff-job-title{font-size:18px;justify-content:center}.welcome-title{font-size:20px}.welcome-subtitle{font-size:14px}.welcome-meta{flex-direction:column;gap:.5rem;gap:var(--space-sm)}.meta-item{justify-content:center}}@media (max-width:480px){.welcome-content{padding:1.5rem;padding:var(--space-lg)}.avatar-circle{font-size:24px;height:60px;width:60px}.staff-name{font-size:20px}.staff-job-title{font-size:16px}.welcome-title{font-size:18px}}.welcome-staff-photo-container{align-items:center;display:flex;justify-content:center;margin-right:1.5rem;margin-right:var(--space-lg);position:relative}.welcome-staff-photo{animation:welcomePhotoGlow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 0 0 3px #ffffff4d,0 0 0 6px #ffffff1a,0 15px 35px #0003;display:inline-block;padding:4px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes welcomePhotoGlow{0%{box-shadow:0 0 0 3px #ffffff4d,0 0 0 6px #ffffff1a,0 15px 35px #0003,0 0 25px #667eea4d}to{box-shadow:0 0 0 3px #fff6,0 0 0 6px #fff3,0 20px 40px #00000040,0 0 35px #764ba266}}.welcome-staff-photo:hover{box-shadow:0 0 0 3px #ffffff80,0 0 0 6px #ffffff4d,0 25px 50px #0000004d,0 0 40px #667eea80;transform:scale(1.05) rotate(2deg)}.welcome-avatar-circle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#e3f2fd,#bbdefb 50%,#90caf9);border:none;border-radius:50%;color:#007aff;color:var(--primary);display:flex;font-size:40px;font-weight:400;height:90px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:90px}.welcome-avatar-circle:before{animation:welcomeShimmer 2s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes welcomeShimmer{0%,to{opacity:0}50%{opacity:1}}.welcome-avatar-circle i{color:#1976d2;filter:drop-shadow(0 0 10px rgba(25,118,210,.3));text-shadow:0 2px 8px #0003;z-index:2}.welcome-staff-photo:hover .welcome-avatar-circle{background:linear-gradient(135deg,#e8f5e8,#c8e6c9 50%,#a5d6a7);transform:scale(1.02)}.welcome-staff-photo:hover .welcome-avatar-circle i{color:#0d47a1;filter:drop-shadow(0 0 15px rgba(13,71,161,.4));transform:scale(1.05)}.welcome-staff-photo-img{border:none;border-radius:50%;filter:brightness(1.05) contrast(1.1);height:90px;object-fit:cover;position:relative;transition:all .3s ease;width:90px;z-index:1}.welcome-staff-photo:hover .welcome-staff-photo-img{filter:brightness(1.1) contrast(1.15) saturate(1.1);transform:scale(1.02)}.welcome-photo-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #ffffffe6;border-radius:50%;bottom:6px;box-shadow:0 4px 15px #0000004d,0 0 0 2px #ffffff1a;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:absolute;right:6px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:32px;z-index:10}.welcome-photo-overlay:hover{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 6px 20px #0006,0 0 0 4px #fff3,0 0 25px #f093fb66;transform:scale(1.1) rotate(10deg)}.welcome-photo-overlay i{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));z-index:2}
/*# sourceMappingURL=main.d06c3187.css.map*/