:root{--primary-blue: #1e3c72;--secondary-blue: #2a5298;--dark-blue: #0d1b3a;--light-blue: #3498db;--admin-purple: #8e44ad;--management-gold: #f39c12;--inspector-green: #27ae60;--user-gray: #7f8c8d;--white: #ffffff;--light-gray: #f8f9fa;--gray: #e9ecef;--dark-gray: #6c757d;--success: #27ae60;--danger: #e74c3c;--warning: #f39c12;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;height:auto;min-height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:visible;-webkit-overflow-scrolling:touch}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);color:#333;min-height:100vh;min-width:320px}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}@media (max-width: 768px){h1{font-size:2em}}@media (max-width: 480px){h1{font-size:1.5em}}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.toast{position:fixed;top:20px;right:20px;z-index:10000;min-width:300px;max-width:500px;animation:slideIn .3s ease-out;box-shadow:0 4px 12px #00000026;border-radius:8px;overflow:hidden}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-content{display:flex;align-items:center;gap:12px;padding:16px 20px;background:white;border-left:4px solid}.toast-success .toast-content{border-left-color:#10b981;background:#d1fae5}.toast-error .toast-content{border-left-color:#ef4444;background:#fee2e2}.toast-warning .toast-content{border-left-color:#f59e0b;background:#fef3c7}.toast-info .toast-content{border-left-color:#3b82f6;background:#dbeafe}.toast-icon{font-size:20px;font-weight:700;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.toast-success .toast-icon{color:#10b981;background:#a7f3d0}.toast-error .toast-icon{color:#ef4444;background:#fecaca}.toast-warning .toast-icon{color:#f59e0b;background:#fde68a}.toast-info .toast-icon{color:#3b82f6;background:#bfdbfe}.toast-message{flex:1;font-size:.875rem;font-weight:500;line-height:1.5}.toast-success .toast-message{color:#065f46}.toast-error .toast-message{color:#991b1b}.toast-warning .toast-message{color:#92400e}.toast-info .toast-message{color:#1e40af}.toast-close{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0}.toast-close:hover{background:rgba(0,0,0,.1);color:#374151}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast-container>*{pointer-events:auto}@media (max-width: 768px){.toast{right:10px;left:10px;min-width:auto;max-width:none}.toast-container{right:10px;left:10px}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.error-boundary-content{background:white;border-radius:16px;padding:48px;max-width:600px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center}.error-icon{font-size:4rem;margin-bottom:24px;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-title{margin:0 0 16px;color:#111827;font-size:2rem;font-weight:700}.error-message{margin:0 0 32px;color:#6b7280;font-size:1.125rem;line-height:1.6}.error-details{margin:24px 0;text-align:left;background:#f8f9fa;border-radius:8px;padding:16px;border:1px solid #e5e7eb}.error-details summary{cursor:pointer;font-weight:500;color:#374151;margin-bottom:12px;-webkit-user-select:none;user-select:none}.error-details summary:hover{color:#111827}.error-stack{margin:12px 0 0;padding:12px;background:#1e1e1e;color:#d4d4d4;border-radius:6px;font-size:.75rem;overflow-x:auto;font-family:Courier New,monospace;line-height:1.5;max-height:300px;overflow-y:auto}.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.error-btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.error-btn.primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 4px 12px #667eea4d}.error-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.error-btn.secondary{background:white;color:#374151;border:1px solid #d1d5db}.error-btn.secondary:hover{background:#f9fafb;border-color:#9ca3af}@media (max-width: 768px){.error-boundary-content{padding:32px 24px}.error-title{font-size:1.5rem}.error-message{font-size:1rem}.error-actions{flex-direction:column}.error-btn{width:100%;justify-content:center}}.notifications-container{position:relative;margin-right:1rem}.notifications-button{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:rgba(255,255,255,.1);border-radius:8px;cursor:pointer;color:#fff;transition:all .3s ease;padding:0}.notifications-button:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}.notifications-button:active{transform:scale(.95)}.notifications-button svg{width:20px;height:20px}.notifications-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;border-radius:10px;padding:2px 6px;font-size:.7rem;font-weight:700;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #ef444466;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notifications-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10000;animation:fadeIn .2s ease}.notifications-dropdown{position:fixed;top:70px;right:20px;width:380px;max-width:calc(100vw - 2rem);background:white;border-radius:16px;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000001a;z-index:10001;overflow:hidden;animation:slideDown .3s ease;max-height:calc(100vh - 100px);display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notifications-header{padding:1.25rem 1.5rem;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.notifications-header h3{margin:0;font-size:1.125rem;font-weight:700;color:#1f2937}.mark-all-read-btn{padding:.375rem .75rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease}.mark-all-read-btn:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #667eea66}.notifications-list{flex:1;overflow-y:auto;max-height:450px}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:#f3f4f6}.notifications-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.notifications-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.notification-item{display:flex;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .2s ease;position:relative;background:white}.notification-item:hover{background:#f9fafb;padding-left:1.75rem}.notification-item.unread{background:linear-gradient(90deg,#eff6ff 0%,#ffffff 10%);border-left:3px solid #3b82f6}.notification-item.unread:hover{background:linear-gradient(90deg,#dbeafe 0%,#f9fafb 10%)}.notification-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.notification-title{font-size:.875rem;font-weight:700;color:#1f2937;margin-bottom:.25rem;line-height:1.4}.notification-message{font-size:.8125rem;color:#6b7280;line-height:1.5;margin-bottom:.5rem}.notification-time{font-size:.75rem;color:#9ca3af}.notification-dot{position:absolute;top:1rem;right:1rem;width:8px;height:8px;background:#3b82f6;border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.notifications-loading{padding:3rem 1.5rem;text-align:center;color:#6b7280}.notifications-loading .loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.notifications-empty{padding:3rem 1.5rem;text-align:center;color:#6b7280}.notifications-empty .empty-icon{font-size:3rem;margin-bottom:.5rem;opacity:.5}.notifications-footer{padding:1rem 1.5rem;border-top:2px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.view-all-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.view-all-btn:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #667eea66}@media (max-width: 768px){.notifications-container{margin-right:.5rem}.notifications-button{width:36px;height:36px}.notifications-button svg{width:18px;height:18px}.notifications-dropdown{position:fixed;top:70px;right:10px;left:10px;width:auto;max-width:calc(100vw - 20px);max-height:calc(100vh - 100px);border:1px solid rgba(0,0,0,.1)}.notifications-overlay{z-index:10000}.notifications-header{padding:1rem 1.25rem}.notifications-header h3{font-size:1rem}.mark-all-read-btn{padding:.25rem .5rem;font-size:.7rem}.notification-item{padding:.875rem 1rem}.notification-icon{width:36px;height:36px;font-size:1.1rem}.notification-title{font-size:.8125rem}.notification-message{font-size:.75rem}.notification-time{font-size:.7rem}.notifications-footer{padding:.875rem 1.25rem}.view-all-btn{padding:.625rem;font-size:.8125rem}}@media (max-width: 480px){.notifications-button{width:32px;height:32px}.notifications-button svg{width:16px;height:16px}.notifications-badge{top:-2px;right:-2px;min-width:16px;height:16px;font-size:.65rem;padding:1px 4px}.notifications-dropdown{position:fixed;top:60px;right:8px;left:8px;width:auto;max-width:calc(100vw - 16px);max-height:calc(100vh - 80px);border-radius:12px}.notifications-header{padding:.875rem 1rem}.notifications-header h3{font-size:.9375rem}.notification-item{padding:.75rem;gap:.75rem}.notification-icon{width:32px;height:32px;font-size:1rem}.notification-title{font-size:.75rem}.notification-message{font-size:.7rem}.notification-time{font-size:.65rem}}.header{background:#1e3c72;color:var(--white);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000004d;position:sticky;top:0;z-index:1000;width:100%;max-width:100%;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;height:auto;min-height:60px;margin:0;box-sizing:border-box;overflow-x:hidden}.header-left{display:flex;align-items:center;gap:16px}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;gap:8px;border:none;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.3);border-radius:12px;cursor:pointer;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;box-shadow:0 2px 8px #0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-menu-toggle:hover{background-color:#ffffff40;border-color:#ffffff80;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.mobile-menu-toggle:active{transform:translateY(0);box-shadow:0 2px 6px #0003}.menu-toggle-text{font-size:.875rem;font-weight:600;letter-spacing:.5px}.header-title{display:flex;align-items:center}.header-title h1{margin:0;font-size:1.25rem;font-weight:700;color:#fff;white-space:nowrap}.header-right{display:flex;align-items:center;gap:16px;position:relative}.user-info span{background:rgba(255,255,255,.1);padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.user-name-full{font-weight:500;color:#fff;font-size:.875rem;white-space:nowrap}@media (max-width: 768px){.header{padding:.75rem 1rem;min-height:56px;flex-wrap:nowrap;width:100%;max-width:100%;box-sizing:border-box;position:sticky;top:0;z-index:1000}body.sidebar-open .header{z-index:999!important}.mobile-menu-toggle{display:flex;min-width:auto;width:auto;height:44px;min-height:44px;padding:0 16px;align-items:center;justify-content:center;touch-action:manipulation;background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.4);border-radius:12px;box-shadow:0 3px 10px #00000040}.mobile-menu-toggle:active{background:rgba(255,255,255,.3);transform:scale(.98)}.mobile-menu-toggle svg{width:22px;height:22px;flex-shrink:0}.menu-toggle-text{display:inline;font-size:.875rem;font-weight:600;margin-left:0}.header-left{gap:12px;flex:1;min-width:0}.header-title h1{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.header-right{gap:8px;flex-shrink:0}.user-info,.user-name-full{display:none}.logout-btn{padding:8px 12px;font-size:.875rem;min-width:auto}.logout-btn svg{width:14px;height:14px;margin-left:4px}}@media (max-width: 480px){.header{padding:.5rem .75rem;min-height:56px;width:100%;max-width:100%;box-sizing:border-box}.header-title{flex:1;min-width:0}.header-title h1{font-size:.75rem;max-width:100%;overflow:hidden;text-overflow:ellipsis}.header-right{gap:6px}.notifications-container{margin-right:.25rem}.mobile-menu-toggle{width:auto;height:44px;min-width:auto;min-height:44px;padding:0 14px;background:rgba(255,255,255,.25);border:2px solid rgba(255,255,255,.5);box-shadow:0 4px 12px #0000004d}.mobile-menu-toggle:active{background:rgba(255,255,255,.35);transform:scale(.96)}.mobile-menu-toggle svg{width:20px;height:20px}.menu-toggle-text{font-size:.8125rem}@media (max-width: 360px){.menu-toggle-text{display:none}.mobile-menu-toggle{width:44px;padding:0;justify-content:center}}.logout-btn{padding:8px 12px;font-size:.8125rem;min-height:44px;touch-action:manipulation}.logout-btn svg{width:14px;height:14px}.notifications-button{width:44px;height:44px;min-width:44px;min-height:44px}}.sidebar{width:280px;background:#2c3e50;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;overflow-x:hidden;overflow-y:hidden;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;margin:0;padding:0;align-self:stretch;height:auto;min-height:100vh;z-index:0;position:relative;box-sizing:border-box}.sidebar::-webkit-scrollbar{display:none}.sidebar{-ms-overflow-style:none;scrollbar-width:none}.user-role-info{padding:15px 20px;background:rgba(0,0,0,.2);margin-top:50px;text-align:center;transition:all .3s ease;font-size:12px;font-weight:700}.user-role-info.admin{background:rgba(231,76,60,.2);color:#e74c3c}.user-role-info.management{background:rgba(241,196,15,.2);color:#f1c40f}.user-role-info.inspector{background:rgba(52,152,219,.2);color:#3498db}.user-role-info.user{background:rgba(46,204,113,.2);color:#2ecc71}.permissions-info{padding:15px;background:rgba(0,0,0,.1);border-top:1px solid rgba(255,255,255,.1);transition:all .3s ease}.cpp-access-info{margin-top:10px;padding:8px;background:rgba(52,152,219,.1);border-radius:4px;font-size:10px;color:#3498db}.sidebar-header{position:relative;width:100%;min-height:50px;display:flex;align-items:center;padding:0}.sidebar-toggle-btn{position:absolute;top:15px;right:15px;background:rgba(255,255,255,.1);border:none;color:#fff;padding:8px 10px;border-radius:6px;cursor:pointer;transition:all .3s ease;z-index:1000;font-size:14px;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.sidebar-toggle-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.sidebar-toggle-btn:active{transform:scale(.95)}.sidebar-toggle-btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:2}.sidebar.collapsed .sidebar-toggle-btn{right:12px;left:auto;width:32px;height:32px}.sidebar-admin-badge{display:flex;align-items:center;gap:8px;padding:12px 50px 12px 14px;background:#e74c3c;color:#fff;font-weight:600;font-size:.875rem;margin:0;border-radius:0;width:100%;box-sizing:border-box;position:relative;min-height:50px}.sidebar.collapsed .sidebar-admin-badge{padding-right:14px;justify-content:center}.sidebar-admin-badge .admin-icon{font-size:1rem;flex-shrink:0}.sidebar-admin-badge .admin-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{list-style:none;padding:70px 0 250px;margin:0;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;position:relative;z-index:3;pointer-events:auto;display:flex;flex-direction:column}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.sidebar-nav button,.nav-item{width:100%;padding:14px 20px;min-height:48px;background:none;border:none;color:#fff;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;white-space:nowrap;overflow:hidden;font-size:14px;border-bottom:1px solid rgba(255,255,255,.05);touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.1)}.sidebar.collapsed .sidebar-nav button,.sidebar.collapsed .nav-item{padding:14px;justify-content:center;font-size:16px}.sidebar-nav button:hover,.nav-item:hover{background:rgba(255,255,255,.1);padding-left:25px}.sidebar.collapsed .sidebar-nav button:hover,.sidebar.collapsed .nav-item:hover{padding-left:14px;background:rgba(255,255,255,.15)}.sidebar-nav button.active,.nav-item.active{background:#3498db;border-right:4px solid #2980b9;color:#fff}.nav-icon{font-size:1.125rem;width:20px;text-align:center}.nav-label{font-weight:500;white-space:nowrap;overflow:hidden;color:#fff}.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-admin-badge .admin-text{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:12px;margin:0}.sidebar-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:rgba(0,0,0,.7)!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:9999!important;display:none;transition:opacity .3s ease;width:100vw!important;height:100vh!important;opacity:0;pointer-events:none}.sidebar-overlay.active{opacity:1;pointer-events:auto}@media (max-width: 768px){.sidebar-overlay,.sidebar-overlay.active{display:block!important}.sidebar{position:fixed!important;left:0!important;bottom:0!important;right:0!important;top:auto!important;z-index:10000!important;transform:translateY(100%)!important;width:100vw!important;max-width:100vw!important;min-width:100vw!important;margin:0!important;padding:0!important;flex-shrink:0!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 -4px 20px #00000080!important;background:#2c3e50!important;border-top:2px solid rgba(255,255,255,.15)!important;height:auto!important;max-height:85vh!important;overflow-y:auto!important;overflow-x:hidden!important;pointer-events:none!important;will-change:transform!important;border-radius:20px 20px 0 0!important}.sidebar.mobile-open{transform:translateY(0)!important;width:100vw!important;max-width:100vw!important;min-width:100vw!important;pointer-events:auto!important;left:0!important;right:0!important;bottom:0!important;visibility:visible!important;display:flex!important;opacity:1!important;position:fixed!important;z-index:10000!important;flex-basis:auto!important;flex-shrink:0!important;margin:0!important;padding:0!important}.layout-wrapper>.sidebar.mobile-open,.layout>.layout-wrapper>.sidebar.mobile-open{width:100vw!important;max-width:100vw!important;min-width:100vw!important}.sidebar:not(.mobile-open){pointer-events:none!important}.sidebar-header{background:rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-admin-badge{background:#e74c3c;border-radius:0;padding-right:50px}.nav-item{background:none;border-left:none;margin-bottom:0;padding:14px 20px;min-height:48px;border-radius:0;pointer-events:auto!important;touch-action:manipulation;font-size:14px}.nav-item:active{background:rgba(255,255,255,.15)}.nav-item.active{background:#3498db;border-right:4px solid #2980b9;font-weight:500}.sidebar-nav{padding:12px 0 20px;max-height:calc(85vh - 100px);overflow-y:auto;display:flex;flex-direction:column}.sidebar.mobile-open .nav-item{pointer-events:auto!important;cursor:pointer!important}.sidebar.mobile-open .sidebar-nav,.sidebar.mobile-open .sidebar-header{pointer-events:auto!important}.sidebar.collapsed:not(.mobile-open){width:100vw!important;max-width:100vw!important;min-width:100vw!important;transform:translateY(100%)!important;pointer-events:none!important}.sidebar.collapsed.mobile-open{transform:translateY(0)!important;width:100vw!important;max-width:100vw!important;min-width:100vw!important;pointer-events:auto!important;position:fixed!important;z-index:10000!important;flex-basis:auto!important}.layout-wrapper>.sidebar.collapsed.mobile-open{width:100vw!important;max-width:100vw!important;min-width:100vw!important}.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-logo{display:block}.sidebar.collapsed .nav-item{justify-content:flex-start;padding:12px 16px}.sidebar-close{display:flex}.sidebar.collapsed .user-sidebar-info{display:block}.sidebar-toggle-btn{position:absolute;top:12px;right:12px;left:auto;z-index:1001}.sidebar.collapsed .sidebar-toggle-btn{right:12px;left:auto}.sidebar-admin-badge{padding-right:50px}.sidebar.collapsed .sidebar-admin-badge{padding-right:14px}}@media (max-width: 480px){.sidebar{width:100vw!important;max-width:100vw!important;min-width:100vw!important;box-shadow:0 -4px 30px #000000b3!important;background:#2c3e50!important;border-top:2px solid rgba(255,255,255,.15)!important;transform:translateY(100%)!important;pointer-events:none!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;max-height:90vh!important;border-radius:20px 20px 0 0!important}.sidebar.mobile-open{transform:translateY(0)!important;width:100vw!important;max-width:100vw!important;min-width:100vw!important;pointer-events:auto!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;position:fixed!important;z-index:10000!important;flex-basis:auto!important}.sidebar.collapsed:not(.mobile-open){width:100vw!important;max-width:100vw!important;min-width:100vw!important;transform:translateY(100%)!important;pointer-events:none!important;left:0!important;right:0!important;bottom:0!important;top:auto!important}.sidebar.collapsed.mobile-open{transform:translateY(0)!important;width:100vw!important;max-width:100vw!important;min-width:100vw!important;pointer-events:auto!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;position:fixed!important;z-index:10000!important;flex-basis:auto!important}.layout-wrapper>.sidebar.mobile-open,.layout-wrapper>.sidebar.collapsed.mobile-open{width:100vw!important;max-width:100vw!important;min-width:100vw!important}.sidebar-overlay{background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sidebar-header{padding:0;min-height:50px;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-toggle-btn{width:32px;height:32px;min-width:32px;min-height:32px;top:12px;right:12px;padding:0;background:rgba(255,255,255,.1);border:none}.sidebar-toggle-btn:active{background:rgba(255,255,255,.2);transform:scale(.95)}.sidebar-toggle-btn svg{width:18px;height:18px}.sidebar-admin-badge{font-size:.875rem;padding:12px 50px 12px 14px;background:#e74c3c;border-radius:0}.sidebar-nav{padding:12px 0 20px;width:100%;max-height:calc(85vh - 100px);overflow-y:auto;display:flex;flex-direction:column}.nav-item{padding:14px 20px;min-height:48px;font-size:14px;background:none;margin-bottom:0;border-left:none;border-radius:0;transition:all .2s ease;width:100%;box-sizing:border-box}.nav-item:active{background:rgba(255,255,255,.15)}.nav-icon{width:20px;font-size:1.125rem}.nav-label{font-size:14px;margin-left:0;font-weight:500;white-space:nowrap;overflow:visible;text-overflow:clip}.nav-item.active{background:#3498db;border-right:4px solid #2980b9;font-weight:500}.sidebar.mobile-open .nav-item,.sidebar.mobile-open .sidebar-nav,.sidebar.mobile-open .sidebar-header{pointer-events:auto!important;cursor:pointer!important}body .layout .layout-wrapper .sidebar.mobile-open,body .layout-wrapper .sidebar.mobile-open,.layout .layout-wrapper .sidebar.mobile-open,.sidebar.mobile-open{width:100vw!important;max-width:100vw!important;min-width:100vw!important;transform:translateY(0)!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;position:fixed!important;z-index:10000!important;pointer-events:auto!important;visibility:visible!important;display:flex!important;flex-basis:auto!important;flex-shrink:0!important;margin:0!important;padding:0!important}}.footer{background:#1e3c72;color:var(--white);padding:1.5rem 0 0;margin:0;width:100%;max-width:100%;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0;min-height:auto;position:relative;z-index:100;pointer-events:none;box-sizing:border-box;overflow-x:hidden}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;pointer-events:auto}.footer-section{display:flex;flex-direction:column;gap:.5rem}.footer-section p{margin:0 0 .25rem;line-height:1.4;font-size:.875rem;opacity:.9}.footer-links a{color:#fff;text-decoration:none;opacity:.8;transition:all .3s;font-size:.9rem}.footer-links a:hover{opacity:1;color:#3498db;transform:translate(5px)}.disclaimer{background:rgba(231,76,60,.1);border:1px solid rgba(231,76,60,.3);border-radius:8px;padding:1rem;margin-top:.5rem}.disclaimer p{font-size:.8rem;line-height:1.4;margin-bottom:.75rem;color:#fcc}.disclaimer p:last-child{margin-bottom:0}.disclaimer strong{color:#e74c3c;font-weight:700}.footer-bottom{background:rgba(0,0,0,.3);margin-top:2rem;padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1);pointer-events:auto}.footer-copyright p,.footer-legal p{margin:.15rem 0;font-size:.75rem;opacity:.7}.footer-legal{margin-top:.25rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.footer{width:100%;max-width:100%;overflow-x:hidden}.footer-content{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem;max-width:100%;box-sizing:border-box}.footer-section{text-align:center;width:100%;box-sizing:border-box}.footer-links{align-items:center}.footer-bottom{padding:1rem;width:100%;box-sizing:border-box}.footer-copyright,.footer-legal{width:100%;box-sizing:border-box}}@media (max-width: 480px){.footer{padding:1rem 0 0}.footer-content{padding:0 .75rem;gap:1rem}.footer-section h4{font-size:1rem}.footer-section p{font-size:.8125rem}.footer-bottom{padding:.75rem}.footer-copyright p,.footer-legal p{font-size:.7rem}}.layout{display:flex;flex-direction:column;min-height:100vh;background-color:#f8f9fa;width:100%;position:relative;margin:0;padding:0;overflow-x:hidden}.layout-wrapper{display:flex;flex-direction:row;flex:1;align-items:stretch;min-height:0;width:100%;position:relative}.layout-content{flex:1;display:flex;flex-direction:column;margin:0;transition:all .3s ease;min-height:0;background-color:#f8f9fa;overflow-x:hidden;overflow-y:visible;padding:0;align-self:stretch;position:relative;z-index:1;height:auto;min-height:100vh}.layout-content.collapsed{margin-left:0;width:100%}.main-content{display:flex;flex:1 1 auto;width:100%;flex-direction:column;padding:20px;margin-bottom:0;box-sizing:border-box;min-height:0;overflow-y:visible;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative}.main-content>*{width:100%}@media (max-width: 768px){.layout{width:100%;overflow-x:hidden;position:relative;overflow-y:auto}.layout-wrapper{flex-direction:row;position:relative;width:100%;min-height:0;overflow:visible!important}.layout-wrapper>.sidebar:not(.mobile-open){position:fixed!important;width:0!important;min-width:0!important;max-width:0!important;flex-basis:0!important;flex-shrink:0!important;overflow:visible!important;pointer-events:none!important}body .layout .layout-wrapper .sidebar.mobile-open,body .layout-wrapper .sidebar.mobile-open,.layout .layout-wrapper .sidebar.mobile-open,.layout-wrapper>.sidebar.mobile-open{position:fixed!important;pointer-events:auto!important;width:85vw!important;max-width:400px!important;min-width:300px!important;z-index:10000!important;left:0!important;transform:translate(0)!important;flex-basis:auto!important;flex-shrink:0!important;display:flex!important;visibility:visible!important}.layout-wrapper,.layout{overflow:visible!important;position:relative!important}.layout-content{width:100%!important;margin:0!important;position:relative;z-index:1!important;flex:1 1 100%!important;height:auto;min-height:100vh;overflow-y:visible;overflow-x:hidden;-webkit-overflow-scrolling:touch}.layout-wrapper>.sidebar.mobile-open~.layout-content{z-index:1!important}.layout-content.collapsed{width:100%!important;margin:0!important}.main-content{padding:16px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:visible;-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;position:relative}body.sidebar-open{overflow:hidden;position:fixed;width:100%;height:100%}body.sidebar-open .layout-content,body.sidebar-open .main-content{overflow:hidden}}@media (max-width: 480px){.main-content{padding:12px}}.login-form,.login-card{background:var(--white);padding:3rem;border-radius:20px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:450px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin:0 auto;position:relative;left:0;right:0}.login-header{text-align:center;margin-bottom:30px}.login-form h2,.login-card h2{text-align:center;margin-bottom:2rem;color:var(--dark-blue);font-size:2rem;font-weight:700}.login-form h3,.login-card h3{text-align:center;margin-bottom:1.5rem;color:var(--dark-blue)}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:5px;color:#333;font-weight:500}.form-group input:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.create-account-btn{padding:12px;background:white;color:#3498db;border:2px solid #3498db;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;width:100%;margin-bottom:15px}.create-account-btn:hover{background:#f8f9fa;border-color:#2980b9;color:#2980b9}.registration-warning{padding:12px;background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;margin-top:15px}.registration-warning p{margin:0;color:#856404;font-size:.875rem;line-height:1.4}.error-message{background-color:#fee;color:#c33;padding:10px;border-radius:5px;border:1px solid #fcc;text-align:center;margin-bottom:15px}@media (max-width: 768px){.login-container{padding:16px}.login-card{padding:2rem}.login-header h1{font-size:1.5rem}.login-header h2{font-size:1.25rem}.form-group input{padding:.875rem;font-size:1rem}.login-btn,.create-account-btn{padding:.875rem 1.5rem;font-size:.9375rem}}@media (max-width: 480px){.login-container{padding:12px}.login-card{padding:1.5rem;border-radius:16px}.login-header h1{font-size:1.25rem}.login-header h2{font-size:1.125rem}.form-group{margin-bottom:1rem}.form-group label{font-size:.875rem}.form-group input{padding:.75rem;font-size:.9375rem}.login-btn,.create-account-btn{padding:.75rem 1.25rem;font-size:.875rem}.registration-warning{padding:10px}.registration-warning p{font-size:.8125rem}}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.register-card{background:white;border-radius:20px;padding:2.5rem;box-shadow:0 20px 60px #0000004d;width:100%;max-width:500px;animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.register-header{text-align:center;margin-bottom:2rem}.register-header h1{font-size:1.5rem;color:#1e3c72;margin:0 0 .5rem;font-weight:700}.register-header h2{font-size:1.75rem;color:#333;margin:0;font-weight:600}.register-form{display:flex;flex-direction:column;gap:1.25rem}.form-group label{font-weight:600;color:#333;font-size:.9rem}.form-group input{padding:.875rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .3s;width:100%;box-sizing:border-box}.form-group input.error{border-color:#ef4444}.form-group input:disabled{background:#f3f4f6;cursor:not-allowed}.field-error{color:#ef4444;font-size:.875rem;margin-top:-.25rem}.register-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:.5rem}.register-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.register-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.back-to-login-btn{background:transparent;color:#667eea;border:2px solid #667eea;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;width:100%;margin-top:1rem}.back-to-login-btn:hover:not(:disabled){background:#667eea;color:#fff}.back-to-login-btn:disabled{opacity:.6;cursor:not-allowed}.registration-info{margin-top:1.5rem;padding:1rem;background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px}.registration-info p{margin:.5rem 0;color:#856404;font-size:.875rem;line-height:1.5}.registration-info p:first-child{margin-top:0}.registration-info p:last-child{margin-bottom:0}@media (max-width: 768px){.register-container{padding:16px}.register-card{padding:2rem}.register-header h1{font-size:1.25rem}.register-header h2{font-size:1.5rem}.form-group input{padding:.75rem}.register-btn{padding:.875rem 1.5rem}}@media (max-width: 480px){.register-container{padding:12px}.register-card{padding:1.5rem;border-radius:16px}.register-header h1{font-size:1.125rem}.register-header h2{font-size:1.25rem}.form-group{gap:.375rem}.form-group label{font-size:.875rem}.form-group input{padding:.625rem;font-size:.9375rem}.field-error{font-size:.8125rem}.register-btn{padding:.75rem 1.25rem;font-size:.9375rem}.back-to-login-btn{padding:.625rem 1.25rem;font-size:.875rem}.registration-info{padding:.875rem}.registration-info p{font-size:.8125rem}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6}.dashboard{padding:20px;width:100%;box-sizing:border-box}.dashboard h1{font-size:2.5rem;color:#2c3e50;margin-bottom:10px;font-weight:700}.dashboard p{font-size:1.2rem;color:#7f8c8d;margin-bottom:40px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:30px}.stat-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:30px;border-radius:15px;box-shadow:0 10px 30px #0000001a;display:flex;align-items:center;gap:20px;transition:transform .3s ease,box-shadow .3s ease;border:none;color:#fff}.stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0003}.stat-icon{font-size:3rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-info{flex:1}.stat-number{font-size:3rem;font-weight:800;line-height:1;margin-bottom:8px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.stat-label{font-size:1.1rem;font-weight:500;opacity:.9;text-transform:uppercase;letter-spacing:1px}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid #e5e7eb}.welcome-section h1{font-size:2.5rem;color:#2c3e50;margin-bottom:10px;font-weight:700}.welcome-section p{font-size:1.2rem;color:#7f8c8d;margin:0}.user-badge{display:flex;align-items:center;gap:16px;background:white;padding:16px 24px;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb}.user-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem;flex-shrink:0}.user-info{display:flex;flex-direction:column;gap:4px}.user-name{font-weight:600;color:#2c3e50;font-size:1rem}.user-role{color:#6b7280;font-size:.875rem}.dashboard-content{display:grid;grid-template-columns:2fr 1fr;gap:30px;margin-top:40px}.recent-activity{background:white;padding:30px;border-radius:15px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb}.recent-activity h2{font-size:1.5rem;color:#2c3e50;margin-bottom:24px;font-weight:700;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#f8f9fa;border-radius:10px;transition:all .2s;border-left:4px solid transparent}.activity-item:hover{background:#f0f4ff;border-left-color:#667eea;transform:translate(4px)}.activity-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:white;border-radius:10px;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.activity-message{color:#2c3e50;font-weight:500;margin-bottom:8px;font-size:.95rem;line-height:1.4}.activity-meta{display:flex;align-items:center;gap:12px;font-size:.875rem}.activity-status{padding:4px 8px;border-radius:12px;font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.activity-time{color:#9ca3af}.no-activity{text-align:center;padding:40px 20px;color:#9ca3af;font-style:italic}.quick-actions{background:white;padding:30px;border-radius:15px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb}.quick-actions h2{font-size:1.5rem;color:#2c3e50;margin-bottom:24px;font-weight:700;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.actions-grid{display:grid;grid-template-columns:1fr;gap:12px}.action-btn{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .3s;font-weight:500;text-align:left;box-shadow:0 4px 12px #667eea4d}.action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.action-icon{font-size:1.5rem;width:32px;text-align:center}.action-label{flex:1;font-size:.95rem}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.loading-spinner{width:50px;height:50px;border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.dashboard-loading p{color:#6b7280;font-size:1.125rem}@media (max-width: 1024px){.dashboard-content{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard{padding:15px}.dashboard-header{flex-direction:column;gap:20px;align-items:stretch;margin-bottom:30px;padding-bottom:20px}.welcome-section h1{font-size:1.75rem;line-height:1.3}.welcome-section p{font-size:.95rem;line-height:1.5}.user-badge{justify-content:flex-start;padding:12px 16px}.user-avatar{width:48px;height:48px;font-size:1.1rem}.user-name{font-size:.9rem}.user-role{font-size:.8rem}.stats-grid{grid-template-columns:1fr;gap:15px;margin-top:20px}.stat-card{padding:20px;gap:15px}.stat-icon{width:60px;height:60px;font-size:2.5rem}.stat-number{font-size:2rem}.stat-label{font-size:.95rem}.dashboard-content{margin-top:30px;gap:20px}.recent-activity,.quick-actions{padding:20px}.recent-activity h2,.quick-actions h2{font-size:1.25rem;margin-bottom:20px}.activity-item{padding:12px;gap:12px}.activity-icon{width:36px;height:36px;font-size:1.25rem}.activity-message{font-size:.875rem}.activity-meta{font-size:.8rem;flex-wrap:wrap}.action-btn{padding:14px 16px;gap:10px}.action-icon{font-size:1.25rem;width:28px}.action-label{font-size:.875rem}}@media (max-width: 480px){.dashboard{padding:10px}.dashboard-header{margin-bottom:20px;padding-bottom:15px}.welcome-section h1{font-size:1.5rem}.welcome-section p{font-size:.875rem}.user-badge{padding:10px 12px}.user-avatar{width:40px;height:40px;font-size:1rem}.stats-grid{gap:12px}.stat-card{padding:16px;gap:12px}.stat-icon{width:50px;height:50px;font-size:2rem}.stat-number{font-size:1.75rem}.stat-label{font-size:.85rem}.recent-activity,.quick-actions{padding:16px;border-radius:12px}.recent-activity h2,.quick-actions h2{font-size:1.125rem;margin-bottom:16px;padding-bottom:12px}.activity-item{padding:10px;gap:10px}.activity-icon{width:32px;height:32px;font-size:1.1rem}.activity-message{font-size:.8125rem}.activity-meta{font-size:.75rem}.action-btn{padding:12px 14px;gap:8px}.action-icon{font-size:1.1rem;width:24px}.action-label{font-size:.8125rem}}.user-profile{width:100%;padding:20px;box-sizing:border-box}.profile-loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:#6b7280}.profile-header{margin-bottom:20px}.profile-header h1{margin:0;color:#111827;font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:10px}.profile-icon{font-size:1.5rem}.edit-btn{padding:10px 20px;border:1px solid #d1d5db;background:white;border-radius:6px;color:#374151;font-weight:500;cursor:pointer;transition:all .2s}.edit-btn.edit{background:#667eea;border-color:#667eea;color:#fff}.edit-btn.edit:hover{background:#5a6fd8;border-color:#5a6fd8}.edit-btn.cancel{background:#6b7280;border-color:#6b7280;color:#fff}.edit-btn.cancel:hover{background:#4b5563;border-color:#4b5563}.profile-card-vehicle{padding:1rem 1.25rem;border-left:4px solid #10b981}.profile-card-stats{padding:1rem 1.25rem;border-left:4px solid #3b82f6}.profile-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.profile-card-vehicle .card-header,.profile-card-stats .card-header{margin-bottom:12px;padding-bottom:8px}.profile-card-vehicle .card-header h3,.profile-card-stats .card-header h3{font-size:1rem;font-weight:600}.profile-card-vehicle .card-icon,.profile-card-stats .card-icon{font-size:1.125rem}.card-icon{font-size:1.25rem}.card-header h3{margin:0;color:#111827;font-size:1.125rem;font-weight:600}.avatar-section{text-align:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.avatar-large{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:600;margin:0 auto 16px}.avatar-section h2{margin:0 0 8px;color:#111827;font-size:1.25rem;font-weight:600}.user-role-badge{display:inline-block;padding:4px 12px;background:#667eea;color:#fff;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:capitalize}.profile-stats{display:flex;flex-direction:column;gap:12px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.stat-label{color:#6b7280;font-size:.875rem}.stat-value{font-weight:500;color:#111827;font-size:.875rem}.stat-value.active{color:#10b981}.profile-main{background:white;padding:30px;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb}.message{padding:12px 16px;border-radius:6px;margin-bottom:24px;font-weight:500}.message.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.message.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.profile-form{display:flex;flex-direction:column;gap:16px}.form-section h3{margin:0 0 20px;color:#111827;font-size:1.125rem;font-weight:600;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-weight:500;color:#374151;font-size:.8125rem}.form-group input{padding:8px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.form-group input.disabled{background-color:#f3f4f6;color:#6b7280}.form-actions{display:flex;justify-content:flex-end;padding-top:20px;border-top:1px solid #e5e7eb}.card-actions{display:flex;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.edit-profile-btn{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.edit-profile-btn:hover{background:#2563eb}.save-changes-btn{padding:12px 24px;background:#10b981;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;font-size:1rem;width:100%;justify-content:center}.save-changes-btn:hover:not(:disabled){background:#059669}.save-changes-btn:disabled{background:#95a5a6;cursor:not-allowed}.cancel-btn{padding:8px 16px;background:#e5e7eb;color:#374151;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.cancel-btn:hover{background:#d1d5db}.vehicle-info{padding:8px 0;min-height:auto}.vehicle-details{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f8f9fa;border-radius:6px;border-left:3px solid #10b981}.vehicle-model{font-weight:600;color:#111827;font-size:.875rem}.vehicle-plate{color:#374151;font-size:.8125rem;font-weight:500}.vehicle-department{color:#6b7280;font-size:.75rem}.no-vehicle{color:#6b7280;font-style:italic;text-align:center;font-size:.875rem;padding:8px 0}.stats-info{display:flex;flex-direction:column;gap:10px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f3f4f6;transition:background-color .2s}.stat-row:hover{background-color:#f9fafb;padding-left:8px;padding-right:8px;margin-left:-8px;margin-right:-8px;border-radius:6px}.stat-row:last-child{border-bottom:none}.stat-label{color:#6b7280;font-size:.8125rem}.stat-value{font-weight:500;color:#111827;font-size:.8125rem}.stat-badge{padding:3px 10px;border-radius:4px;font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:4px}.stat-badge.inactive{background:#fee2e2;color:#991b1b}.stat-badge.active{background:#d1fae5;color:#065f46}.quick-actions-card{background:white;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;transition:transform .2s,box-shadow .2s}.quick-actions-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.quick-actions-grid{display:flex;flex-direction:column;gap:12px;margin-top:16px}.quick-action-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;background:white;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.quick-action-btn:hover{background:#f8f9fa;border-color:#3498db;transform:translate(4px)}.action-icon{font-size:1.25rem;flex-shrink:0}.action-label{font-weight:500;color:#111827;font-size:.875rem}.profile-content-wrapper{display:flex;flex-direction:column;gap:20px}.profile-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-sidebar-cards{display:flex;flex-direction:column;gap:20px}.profile-card-main{grid-row:1 / 3}.profile-quick-actions{margin-top:20px}@media (max-width: 1024px){.profile-content-wrapper,.profile-cards{grid-template-columns:1fr}}@media (max-width: 768px){.user-profile{padding:16px}.profile-content{grid-template-columns:1fr}.profile-header{flex-direction:column;gap:16px;align-items:stretch}.profile-header h1{font-size:1.5rem}.form-grid{grid-template-columns:1fr}.profile-sidebar{order:2}.profile-main{order:1}}.news-list{padding:20px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:2rem}.news-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:16px}.news-loading .loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.news-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.news-header h1{margin:0;color:#111827;font-size:1.875rem;font-weight:700;display:flex;align-items:center;gap:12px}.news-header-icon{font-size:2rem}.add-news-btn{padding:10px 20px;background:#27ae60;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.875rem;display:flex;align-items:center;gap:6px}.add-news-btn:hover{background:#229954;transform:translateY(-1px);box-shadow:0 2px 4px #27ae604d}.news-form-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.news-form-container{background:white;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.news-form-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.news-form-header h2{margin:0;color:#111827;font-size:1.25rem;font-weight:600}.close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:#374151}.news-form{padding:24px;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;color:#374151;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:120px}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e5e7eb}.cancel-btn{padding:10px 20px;border:1px solid #d1d5db;background:white;border-radius:6px;color:#374151;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#f9fafb}.save-btn{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.save-btn:hover{background:#5a6fd8}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.no-news{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#6b7280;font-size:1.125rem}.news-card{background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideInUp .3s ease-out}.news-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.news-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding:0;border:none}.news-category{padding:4px 12px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.news-actions{display:flex;gap:8px}.news-actions button{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.news-actions button:hover{background:#f3f4f6}.news-title{margin:0;color:#111827;font-size:1.25rem;font-weight:700;line-height:1.4}.news-meta{color:#6b7280;font-size:.875rem;margin:0}.news-actions-row{display:flex;gap:12px;margin-top:8px}.read-more-btn{padding:8px 16px;background:#3498db;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem;display:flex;align-items:center;gap:6px}.read-more-btn:hover{background:#2980b9;transform:translateY(-1px)}.delete-news-btn{padding:8px 16px;background:#e74c3c;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem;display:flex;align-items:center;gap:6px}.delete-news-btn:hover{background:#c0392b;transform:translateY(-1px)}.edit-news-btn{padding:8px 16px;background:#f39c12;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem;display:flex;align-items:center;gap:6px}.edit-news-btn:hover{background:#e67e22;transform:translateY(-1px)}.image-upload-container{display:flex;flex-direction:column;gap:12px}.image-preview-container{position:relative;margin-top:12px}.image-preview{width:100%;max-height:300px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb}.remove-image-btn{margin-top:8px;padding:6px 12px;background:#e74c3c;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.remove-image-btn:hover{background:#c0392b}.news-card-image{width:100%;height:200px;overflow:hidden;border-radius:8px 8px 0 0;margin:-24px -24px 16px}.news-card-image img{width:100%;height:100%;object-fit:cover}.news-card-body{display:flex;flex-direction:column;gap:12px}.full-news-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.full-news-container{background:white;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;animation:slideInUp .3s ease-out}.full-news-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:white;z-index:10}.full-news-header h2{margin:0;color:#111827;font-size:1.5rem;font-weight:700;line-height:1.4;flex:1;padding-right:16px}.full-news-content{padding:24px}.full-news-image{width:100%;margin-bottom:24px;border-radius:8px;overflow:hidden}.full-news-image img{width:100%;max-height:400px;object-fit:cover}.full-news-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb;font-size:.875rem;color:#6b7280}.full-news-meta span{display:flex;align-items:center;gap:6px}.full-news-text{color:#374151;line-height:1.8;font-size:1rem}.full-news-text p{margin:0 0 16px}.full-news-text p:last-child{margin-bottom:0}.news-loading p{color:#6b7280;font-size:1rem}@media (max-width: 768px){.news-list{padding:16px}.news-header{flex-direction:column;gap:16px;align-items:stretch}.news-header h1{font-size:1.5rem}.news-grid{grid-template-columns:1fr}.news-form-container{margin:20px}.form-actions{flex-direction:column;gap:12px}.form-actions button{width:100%}}@media (max-width: 480px){.news-list{padding:12px;gap:1.5rem}.news-header h1{font-size:1.25rem}.news-item{padding:1.5rem}.news-item h3{font-size:1.125rem}.news-meta{font-size:.8125rem}.news-content{font-size:.9375rem}.news-form-container{margin:12px;padding:1.5rem}.form-group input,.form-group textarea{padding:.75rem;font-size:.9375rem}}}.leadership{padding:20px;width:100%;box-sizing:border-box}.leadership-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:16px}.leadership-loading .loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.leadership-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.leadership-header h1{margin:0;color:#111827;font-size:1.875rem;font-weight:700;display:flex;align-items:center;gap:12px}.add-member-btn{padding:10px 20px;background:#27ae60;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.875rem}.add-member-btn:hover{background:#229954;transform:translateY(-1px);box-shadow:0 2px 4px #27ae604d}.leadership-form-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.leadership-form-container{background:white;border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto}.leadership-form-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.leadership-form-header h2{margin:0;color:#111827;font-size:1.25rem;font-weight:600}.leadership-form{padding:24px;display:flex;flex-direction:column;gap:20px}.leadership-form .form-group{display:flex;flex-direction:column;gap:8px}.leadership-form .form-group label{font-weight:500;color:#374151;font-size:.875rem}.leadership-form .form-group input,.leadership-form .form-group select,.leadership-form .form-group textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;transition:border-color .2s}.leadership-form .form-group input:focus,.leadership-form .form-group select:focus,.leadership-form .form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.leadership-form .form-group textarea{resize:vertical;min-height:100px}.leadership-form .form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e5e7eb;margin-top:10px}.leadership-form .cancel-btn{padding:10px 20px;border:1px solid #d1d5db;background:white;border-radius:6px;color:#374151;font-weight:500;cursor:pointer;transition:all .2s}.leadership-form .cancel-btn:hover{background:#f9fafb}.leadership-form .save-btn{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.leadership-form .save-btn:hover{background:#5a6fd8}.leadership-form-header .close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s}.leadership-form-header .close-btn:hover{color:#374151;background:#f3f4f6;border-radius:50%}.leadership-loading p{color:#6b7280;font-size:1rem}.leadership-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.no-leadership{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#6b7280;font-size:1.125rem}.leadership-card{background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideInUp .3s ease-out;overflow:hidden;display:flex;flex-direction:column}.leadership-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.member-photo-section{width:100%;height:250px;overflow:hidden;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center}.member-photo{width:100%;height:100%}.member-photo img{width:100%;height:100%;object-fit:cover}.member-avatar{width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:2.5rem;border:4px solid rgba(255,255,255,.3)}.member-info-section{padding:24px;text-align:center;flex:1}.member-name{margin:0 0 8px;color:#111827;font-size:1.25rem;font-weight:700}.member-position{margin:0 0 4px;color:#667eea;font-weight:600;font-size:1rem}.member-rank{margin:0;color:#6b7280;font-size:.875rem}.member-actions{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.edit-member-btn{padding:8px 16px;background:#f39c12;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem;display:flex;align-items:center;gap:6px}.edit-member-btn:hover{background:#e67e22;transform:translateY(-1px)}.delete-member-btn{padding:8px 16px;background:#e74c3c;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem;display:flex;align-items:center;gap:6px}.delete-member-btn:hover{background:#c0392b;transform:translateY(-1px)}.photo-upload-container{display:flex;flex-direction:column;gap:12px}.file-input-label{padding:10px 16px;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:6px;cursor:pointer;text-align:center;transition:all .2s;color:#374151;font-weight:500;font-size:.875rem}.file-input-label:hover{background:#e5e7eb;border-color:#667eea;color:#667eea}.photo-preview-container{position:relative;margin-top:12px}.photo-preview{width:100%;max-height:300px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb}.remove-photo-btn{margin-top:8px;padding:6px 12px;background:#e74c3c;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem;width:100%}.remove-photo-btn:hover{background:#c0392b}@media (max-width: 768px){.leadership{padding:16px}.leadership-header{flex-direction:column;gap:16px;align-items:stretch}.leadership-header h1{font-size:1.5rem}.leadership-grid{grid-template-columns:1fr}.leadership-form-container{margin:20px}.form-grid{grid-template-columns:1fr}.member-photo-section{height:200px}.member-avatar{width:100px;height:100px;font-size:2rem}.member-actions{flex-direction:column}.edit-member-btn,.delete-member-btn{width:100%;justify-content:center}}.employee-table{width:100%;padding:20px;box-sizing:border-box}.employees-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:16px}.employees-loading .loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.employees-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.employees-header h1{margin:0;color:#111827;font-size:1.875rem;font-weight:700;display:flex;align-items:center;gap:12px}.employee-category-section{margin-bottom:32px}.category-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.category-icon{font-size:1.5rem}.category-title{margin:0;color:#111827;font-size:1.25rem;font-weight:600}.employee-name{display:flex;align-items:center;gap:8px}.employee-info-icon{font-size:1rem;color:#3498db;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%}.employee-info-icon:hover{background:#e3f2fd;transform:scale(1.1)}.employee-row{cursor:move;transition:all .2s}.employee-row:hover{background:#f8f9fa}.employee-row.dragging{opacity:.5;background:#e3f2fd}.employee-row.drag-over{border-top:3px solid #667eea;background:#f0f4ff}.employee-row[draggable=true]{-webkit-user-select:none;user-select:none}.no-employees{text-align:center;padding:40px;color:#6b7280}.no-employees-in-category{text-align:center;padding:30px;background:#f8f9fa;border-radius:8px;color:#9ca3af;font-style:italic;border:1px dashed #e5e7eb}.add-employee-btn{padding:10px 20px;background:#27ae60;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.875rem}.add-employee-btn:hover{background:#229954;transform:translateY(-1px);box-shadow:0 2px 4px #27ae604d}.employee-form-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.employee-form-container{background:white;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto}.employee-form-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.employee-form-header h2{margin:0;color:#111827;font-size:1.25rem;font-weight:600}.employee-form{padding:24px;display:flex;flex-direction:column;gap:20px}.employee-form .form-group{display:flex;flex-direction:column;gap:8px}.employee-form .form-group label{font-weight:500;color:#374151;font-size:.875rem}.employee-form .form-group input,.employee-form .form-group select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;transition:border-color .2s}.employee-form .form-group input:focus,.employee-form .form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.employee-form .form-group input.error,.employee-form .form-group select.error{border-color:#ef4444}.employee-form .form-group input.error:focus,.employee-form .form-group select.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.employee-form .error-message{color:#ef4444;font-size:.75rem;margin-top:4px;display:block}.employee-form .form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e5e7eb;margin-top:10px}.employee-form .cancel-btn{padding:10px 20px;border:1px solid #d1d5db;background:white;border-radius:6px;color:#374151;font-weight:500;cursor:pointer;transition:all .2s}.employee-form .cancel-btn:hover{background:#f9fafb}.employee-form .save-btn{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.employee-form .save-btn:hover{background:#5a6fd8}.close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{color:#374151;background:#f3f4f6;border-radius:50%}.employees-loading p{color:#6b7280;font-size:1rem}.employees-table{width:100%;border-collapse:collapse}.employees-table th{background:#f8f9fa;padding:16px;text-align:left;font-weight:600;color:#374151;font-size:.875rem;border-bottom:1px solid #e5e7eb}.employees-table td{padding:16px;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.875rem}.employees-table tr:last-child td{border-bottom:none}.employees-table tr:hover{background:#f9fafb}.employee-name{font-weight:500;color:#111827}.name-avatar{display:flex;align-items:center;gap:12px}.avatar-small{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:600;flex-shrink:0}.status-badge.inactive{background:#fee2e2;color:#991b1b}.status-badge.vacation{background:#fef3c7;color:#92400e}.edit-btn,.delete-btn{background:none;border:none;cursor:pointer;padding:6px 10px;border-radius:4px;transition:all .2s;font-size:.875rem;display:inline-flex;align-items:center;gap:4px}.edit-btn{background:#3498db;color:#fff}.edit-btn:hover{background:#2980b9;transform:translateY(-1px)}.delete-btn{background:#e74c3c;color:#fff}.delete-btn:hover{background:#c0392b;transform:translateY(-1px)}@media (max-width: 768px){.employee-table{padding:16px}.employees-header{flex-direction:column;gap:16px;align-items:stretch}.employees-header h1{font-size:1.5rem}.table-container{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;max-height:none;width:100%;scrollbar-width:auto;scrollbar-color:#2d3748 #edf2f7}.table-container::-webkit-scrollbar{width:14px;height:14px}.table-container::-webkit-scrollbar-track{background:#edf2f7;border-radius:7px;border:1px solid #cbd5e0}.table-container::-webkit-scrollbar-thumb{background:#2d3748;border-radius:7px;border:2px solid #edf2f7;min-height:30px}.table-container::-webkit-scrollbar-thumb:hover{background:#1a202c}.table-container::-webkit-scrollbar-corner{background:#edf2f7}.employees-table{min-width:800px}.employees-table th,.employees-table td{padding:12px;font-size:.8125rem}.employee-form-container{margin:20px;max-height:95vh}.employee-form-header{padding:1rem 1.5rem}.employee-form{padding:1.5rem}.form-grid{grid-template-columns:1fr;gap:1rem}.employee-details-container{margin:1rem;max-height:95vh}.employee-details-content{padding:1.5rem}.detail-grid{grid-template-columns:1fr}.employee-details-actions{flex-direction:column;padding:1.5rem}.employee-details-actions .edit-btn,.employee-details-actions .delete-btn{width:100%}}@media (max-width: 480px){.employee-table{padding:12px}.employees-header h1{font-size:1.25rem}.add-employee-btn{width:100%;justify-content:center}.employees-table th,.employees-table td{padding:10px;font-size:.75rem}.employee-form-container{margin:10px;padding:0}.employee-form-header{padding:1rem}.table-container{scrollbar-width:auto;scrollbar-color:#2d3748 #edf2f7}.table-container::-webkit-scrollbar{width:16px;height:16px}.table-container::-webkit-scrollbar-track{background:#edf2f7;border-radius:8px;border:2px solid #cbd5e0}.table-container::-webkit-scrollbar-thumb{background:#2d3748;border-radius:8px;border:3px solid #edf2f7;min-height:40px}.table-container::-webkit-scrollbar-thumb:hover{background:#1a202c}.table-container::-webkit-scrollbar-corner{background:#edf2f7}.employee-form-header h2{font-size:1.125rem}.employee-form{padding:1rem}.employee-details-container{margin:.5rem}.employee-details-header{padding:1rem}.employee-details-header h2{font-size:1.125rem}.employee-details-content{padding:1rem}.action-buttons{flex-direction:column;gap:.5rem}.edit-btn,.delete-btn{width:100%;justify-content:center}}.employee-details-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.employee-details-container{background:white;border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;animation:slideInUp .3s ease-out}.employee-details-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.employee-details-header h2{margin:0;color:#111827;font-size:1.25rem;font-weight:600}.employee-details-content{padding:24px}.detail-section h3{margin:0 0 16px;color:#111827;font-size:1.125rem;font-weight:600;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item span{color:#6b7280;font-size:.875rem}.employee-details-actions{display:flex;gap:12px;justify-content:flex-end;padding:24px;border-top:1px solid #e5e7eb}.employee-details-actions .edit-btn,.employee-details-actions .delete-btn{padding:10px 20px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.employee-details-actions .edit-btn{background:#3498db;color:#fff}.employee-details-actions .edit-btn:hover{background:#2980b9;transform:translateY(-1px)}.employee-details-actions .delete-btn{background:#e74c3c;color:#fff}.employee-details-actions .delete-btn:hover{background:#c0392b;transform:translateY(-1px)}.no-employees-hint{margin-top:.5rem;font-size:.875rem;color:#9ca3af;font-style:italic}.vehicle-table{width:100%;padding:20px;box-sizing:border-box}.vehicles-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:16px}.vehicles-loading .loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.vehicles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.vehicles-header h1{margin:0;color:#111827;font-size:1.875rem;font-weight:700}.drag-info-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;margin-bottom:24px;color:#856404;font-size:.875rem}.drag-info-icon{font-size:1.125rem}.vehicle-section{margin-bottom:32px}.vehicle-section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.section-icon{font-size:1.5rem}.vehicle-section-header h3{margin:0;color:#111827;font-size:1.25rem;font-weight:600}.drag-icon{font-size:1rem;color:#95a5a6;cursor:move;-webkit-user-select:none;user-select:none}.info-icon{font-size:1rem;color:#3498db;cursor:pointer}.add-vehicle-btn{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.add-vehicle-btn:hover{background:#5a6fd8}.vehicle-form-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.vehicle-form-container{background:white;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto}.vehicle-form-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.vehicle-form-header h2{margin:0;color:#111827;font-size:1.25rem;font-weight:600}.vehicle-form{padding:24px;display:flex;flex-direction:column;gap:20px}.vehicle-form .form-group{display:flex;flex-direction:column;gap:8px}.vehicle-form .form-group label{font-weight:500;color:#374151;font-size:.875rem}.vehicle-form .form-group input,.vehicle-form .form-group select,.vehicle-form .form-group textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;transition:border-color .2s}.vehicle-form .form-group input:focus,.vehicle-form .form-group select:focus,.vehicle-form .form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.vehicle-form .form-group input.error,.vehicle-form .form-group select.error,.vehicle-form .form-group textarea.error{border-color:#ef4444}.vehicle-form .form-group input.error:focus,.vehicle-form .form-group select.error:focus,.vehicle-form .form-group textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.vehicle-form .error-message{color:#ef4444;font-size:.75rem;margin-top:4px;display:block}.vehicle-form .form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e5e7eb;margin-top:10px}.vehicle-form .cancel-btn{padding:10px 20px;border:1px solid #d1d5db;background:white;border-radius:6px;color:#374151;font-weight:500;cursor:pointer;transition:all .2s}.vehicle-form .cancel-btn:hover{background:#f9fafb}.vehicle-form .save-btn{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.vehicle-form .save-btn:hover{background:#5a6fd8}.vehicle-form-header .close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s}.vehicle-form-header .close-btn:hover{color:#374151;background:#f3f4f6;border-radius:50%}.vehicles-loading p{color:#6b7280;font-size:1rem}.vehicles-sections{display:flex;flex-direction:column;gap:24px}.vehicle-section{background:white;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.vehicle-section-header{display:flex;align-items:center;gap:10px;padding:16px 20px;background:#f8f9fa;border-bottom:1px solid #e5e7eb}.vehicle-section-header h3{margin:0;color:#111827;font-size:1.125rem;font-weight:600}.table-container{background:white;border-radius:0;box-shadow:none;border:none;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;max-height:none;width:100%;position:relative;display:block;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.no-vehicles-message{text-align:center;padding:40px;color:#6b7280;font-size:1rem}.vehicles-table{width:100%;border-collapse:collapse}.vehicles-table th{background:#f8f9fa;padding:16px;text-align:left;font-weight:600;color:#374151;font-size:.875rem;border-bottom:1px solid #e5e7eb}.vehicles-table td{padding:16px;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.875rem}.vehicles-table tr:last-child td{border-bottom:none}.vehicles-table tr:hover{background:#f9fafb}.vehicle-model-cell{display:flex;align-items:center;gap:8px}.model-name{font-weight:500;color:#111827;font-size:.875rem}.info-icon{font-size:.875rem;color:#3b82f6;cursor:pointer}.assigned-to{font-weight:500;color:#111827;font-size:.875rem}.vehicle-brand{font-weight:600;color:#111827;font-size:.875rem}.vehicle-model{color:#6b7280;font-size:.75rem}.color-dot{width:12px;height:12px;border-radius:50%;border:1px solid #e5e7eb;display:inline-block}.owner-name{font-weight:500;color:#111827;font-size:.875rem}.owner-phone{color:#6b7280;font-size:.75rem}.status-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:capitalize}@media (max-width: 1024px){.form-grid,.detail-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.vehicle-table{padding:16px}.vehicles-header{flex-direction:column;gap:16px;align-items:stretch}.vehicles-header h1{font-size:1.5rem}.department-filter-list{flex-direction:column}.department-filter-item{width:100%}.table-container{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;max-height:none;width:100%;scrollbar-width:auto;scrollbar-color:#2d3748 #edf2f7}.table-container::-webkit-scrollbar{width:14px;height:14px}.table-container::-webkit-scrollbar-track{background:#edf2f7;border-radius:7px;border:1px solid #cbd5e0}.table-container::-webkit-scrollbar-thumb{background:#2d3748;border-radius:7px;border:2px solid #edf2f7;min-height:30px}.table-container::-webkit-scrollbar-thumb:hover{background:#1a202c}.table-container::-webkit-scrollbar-corner{background:#edf2f7}.vehicles-table{min-width:800px}.vehicles-table th,.vehicles-table td{padding:12px;font-size:.8125rem}.vehicle-form-container{margin:20px;max-height:95vh}.vehicle-form-header{padding:1rem 1.5rem}.vehicle-form{padding:1.5rem}.form-grid{grid-template-columns:1fr;gap:1rem}.vehicle-details-container{margin:1rem;max-height:calc(100vh - 40px)}.vehicle-details-content{padding:1.5rem}.detail-grid{grid-template-columns:1fr}.vehicle-details-actions{flex-direction:column;padding:1.5rem}.vehicle-details-actions .edit-btn,.vehicle-details-actions .delete-btn{width:100%}}@media (max-width: 480px){.vehicle-table{padding:12px}.vehicles-header h1{font-size:1.25rem}.add-vehicle-btn{width:100%;justify-content:center}.vehicles-table th,.vehicles-table td{padding:10px;font-size:.75rem}.vehicle-form-container{margin:10px;padding:0}.vehicle-form-header{padding:1rem}.vehicle-form-header h2{font-size:1.125rem}.vehicle-form{padding:1rem}.vehicle-details-container{margin:.5rem;max-height:calc(100vh - 20px)}.vehicle-details-header{padding:1rem}.vehicle-details-header h2{font-size:1.125rem}.table-container{scrollbar-width:auto;scrollbar-color:#2d3748 #edf2f7}.table-container::-webkit-scrollbar{width:16px;height:16px}.table-container::-webkit-scrollbar-track{background:#edf2f7;border-radius:8px;border:2px solid #cbd5e0}.table-container::-webkit-scrollbar-thumb{background:#2d3748;border-radius:8px;border:3px solid #edf2f7;min-height:40px}.table-container::-webkit-scrollbar-thumb:hover{background:#1a202c}.table-container::-webkit-scrollbar-corner{background:#edf2f7}.vehicle-details-content{padding:1rem}.action-buttons{flex-direction:column;gap:.5rem}.edit-btn,.delete-btn{width:100%;justify-content:center}}.vehicle-details-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.vehicle-details-container{background:white;border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;animation:slideInUp .3s ease-out}.vehicle-details-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:white;z-index:1}.vehicle-details-header h2{margin:0;color:#111827;font-size:1.25rem;font-weight:600}.vehicle-details-header .close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:50%}.vehicle-details-header .close-btn:hover{color:#374151;background:#f3f4f6}.vehicle-details-content{padding:24px}.detail-section{margin-bottom:24px}.detail-section h3{margin:0 0 16px;color:#111827;font-size:1.125rem;font-weight:600}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:#f9fafb;border-radius:6px;border-left:3px solid #667eea}.detail-item strong{color:#374151;font-size:.875rem;font-weight:600}.detail-item span{color:#111827;font-size:.875rem}.license-plate-detail{background:#fef3c7;color:#92400e;padding:4px 8px;border-radius:4px;font-family:monospace;font-size:.875rem;font-weight:600;display:inline-block;border:2px solid #f59e0b;width:fit-content}.vehicle-details-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.vehicle-details-actions .edit-btn,.vehicle-details-actions .delete-btn{padding:10px 20px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.vehicle-details-actions .edit-btn{background:#667eea;color:#fff}.vehicle-details-actions .edit-btn:hover{background:#5a6fd8}.vehicle-details-actions .delete-btn{background:#ef4444;color:#fff}.vehicle-details-actions .delete-btn:hover{background:#dc2626}.violation-table{width:100%;padding:20px;box-sizing:border-box;min-height:0;overflow:visible;display:flex;flex-direction:column;position:relative}.violations-loading,.vehicles-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:16px}.violations-loading .loading-spinner,.vehicles-loading .loading-spinner{width:40px;height:40px;border:4px solid var(--light-gray);border-top:4px solid var(--light-blue);border-radius:50%;animation:spin 1s linear infinite}.violations-header,.vehicles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--gray)}.search-container{margin-bottom:24px}.search-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s}.search-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.violations-tabs{display:flex;gap:12px;margin-bottom:24px;border-bottom:2px solid #e5e7eb}.tab-button{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:#6b7280;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem;display:flex;align-items:center;gap:8px}.tab-button:hover{color:#111827;background:#f8f9fa}.tab-button.active{color:#3498db;border-bottom-color:#3498db;background:transparent}.tab-button.active:last-child{color:#e74c3c;border-bottom-color:#e74c3c}.violations-header h1,.vehicles-header h1{margin:0;color:var(--dark-blue);font-size:1.875rem;font-weight:700}.add-violation-btn,.add-vehicle-btn{padding:10px 20px;background:var(--light-blue);color:var(--white);border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s;width:auto}.add-violation-btn:hover,.add-vehicle-btn:hover{background:#2980b9;transform:translateY(-1px);box-shadow:0 4px 12px #3498db4d}.violation-form-modal,.vehicle-form-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.violation-form-container,.vehicle-form-container{background:var(--white);border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #0000004d}.violation-form-header,.vehicle-form-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--gray)}.violation-form-header h2,.vehicle-form-header h2{margin:0;color:var(--dark-blue);font-size:1.25rem;font-weight:600}.violation-form,.vehicle-form{padding:24px;display:flex;flex-direction:column;gap:20px}.table-container{background:var(--white);border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid var(--gray);overflow-x:auto;overflow-y:visible;margin-top:1rem;-webkit-overflow-scrolling:touch;max-height:none;width:100%;position:relative;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc;display:block}.violations-table,.vehicles-table{width:100%;border-collapse:collapse;display:table;table-layout:auto}.violations-table th,.vehicles-table th{background:var(--light-gray);padding:16px;text-align:left;font-weight:600;color:var(--dark-blue);font-size:.875rem;border-bottom:1px solid var(--gray)}.violations-table td,.vehicles-table td{padding:16px;border-bottom:1px solid var(--gray);color:var(--dark-gray);font-size:.875rem}.violations-table tr:last-child td,.vehicles-table tr:last-child td{border-bottom:none}.violations-table tr:hover,.vehicles-table tr:hover{background:var(--light-gray)}.license-plate{font-weight:600}.plate-number{background:#fef3c7;color:#92400e;padding:6px 12px;border-radius:6px;font-family:monospace;font-size:.875rem;font-weight:600;display:inline-block;border:2px solid #f59e0b}.violation-type{font-weight:500;color:var(--dark-blue)}.violation-description{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.datetime-info{display:flex;flex-direction:column}.date{font-weight:500;color:var(--dark-blue)}.time{color:var(--dark-gray);font-size:.75rem}.fine-amount{font-weight:600;color:var(--danger)}.no-fine{color:var(--dark-gray);font-style:italic}.vehicle-info{display:flex;flex-direction:column}.vehicle-brand{font-weight:600;color:var(--dark-blue);font-size:.875rem}.vehicle-model{color:var(--dark-gray);font-size:.75rem}.color-indicator{display:flex;align-items:center;gap:8px}.color-dot{width:12px;height:12px;border-radius:50%;border:1px solid var(--gray);display:inline-block}.owner-info{display:flex;flex-direction:column}.owner-name{font-weight:500;color:var(--dark-blue);font-size:.875rem}.owner-phone{color:var(--dark-gray);font-size:.75rem}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.confirmed{background:#d1fae5;color:#065f46}.status-badge.rejected{background:#fee2e2;color:#991b1b}.status-badge.paid{background:#dbeafe;color:#1e40af}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.stolen{background:#fee2e2;color:#991b1b}.status-badge.wanted{background:#fef3c7;color:#92400e}.status-badge.scrapped{background:#e5e7eb;color:#374151}.edit-btn,.delete-btn,.deprive-btn,.restore-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;transition:background-color .2s;font-size:.875rem;width:auto}.deprive-btn:hover{background:#fff3cd}.restore-btn:hover{background:#e8f5e9}.btn-view-photo{background-color:#e3f2fd;color:#1565c0;border:1px solid #bbdefb;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s ease;width:auto}.btn-view-photo:hover{background-color:#bbdefb;transform:translateY(-1px)}.btn-restore{background-color:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s ease;width:auto}.btn-restore:hover{background-color:#c8e6c9;transform:translateY(-1px)}.violation-form .form-group{display:flex;flex-direction:column;gap:8px}.violation-form .form-group label{font-weight:500;color:var(--dark-blue);font-size:.875rem}.violation-form .form-group input,.violation-form .form-group select,.violation-form .form-group textarea{padding:10px 12px;border:1px solid var(--gray);border-radius:6px;font-size:.875rem;font-family:inherit;transition:border-color .2s}.violation-form .form-group input:focus,.violation-form .form-group select:focus,.violation-form .form-group textarea:focus{outline:none;border-color:var(--light-blue);box-shadow:0 0 0 3px #3498db1a}.violation-form .form-group input.error,.violation-form .form-group select.error,.violation-form .form-group textarea.error{border-color:#ef4444}.violation-form .form-group input.error:focus,.violation-form .form-group select.error:focus,.violation-form .form-group textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.violation-form .error-message{color:#ef4444;font-size:.75rem;margin-top:4px;display:block}.violation-form .form-group textarea{resize:vertical;min-height:100px}.violation-form .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--gray)}.violation-form .cancel-btn{padding:10px 20px;border:1px solid var(--gray);background:var(--white);border-radius:6px;color:var(--dark-blue);font-weight:500;cursor:pointer;transition:all .2s}.violation-form .cancel-btn:hover{background:var(--light-gray)}.violation-form .save-btn{padding:10px 20px;background:var(--light-blue);color:var(--white);border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.violation-form .save-btn:hover{background:#2980b9}.violation-form-header .close-btn{background:none;border:none;font-size:1.5rem;color:var(--dark-gray);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s}.violation-form-header .close-btn:hover{color:var(--dark-blue);background:var(--light-gray);border-radius:50%}.violations-loading p{color:var(--dark-gray);font-size:1rem}@media (max-width: 768px){.violation-table,.vehicle-table{padding:12px}.violations-header,.vehicles-header{flex-direction:column;gap:12px;align-items:stretch;padding-bottom:16px}.violations-header h1,.vehicles-header h1{font-size:1.5rem}.violations-header>div,.vehicles-header>div{display:flex;flex-direction:column;gap:8px;width:100%}.violations-header button,.vehicles-header button{width:100%;padding:10px;font-size:.875rem}.search-container{margin-bottom:16px}.search-input{padding:10px 14px;font-size:.9rem}.violations-tabs{margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{padding:10px 16px;font-size:.875rem;white-space:nowrap}.table-container{overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch;max-height:none!important;width:100%;margin-top:.75rem;border-radius:8px;position:relative;display:block!important;scrollbar-width:auto;scrollbar-color:#4a5568 #edf2f7}.table-container::-webkit-scrollbar{width:12px;height:12px}.table-container::-webkit-scrollbar-track{background:#edf2f7;border-radius:6px}.table-container::-webkit-scrollbar-thumb{background:#4a5568;border-radius:6px;border:2px solid #edf2f7}.table-container::-webkit-scrollbar-thumb:hover{background:#2d3748}.violations-table,.vehicles-table{min-width:1000px;width:max-content;display:table}.violations-table th,.violations-table td,.vehicles-table th,.vehicles-table td{padding:10px 8px;font-size:.8rem}.violation-form-container,.vehicle-form-container{margin:10px;max-height:95vh}.form-grid{grid-template-columns:1fr;gap:16px}.action-buttons{flex-direction:row;gap:6px;flex-wrap:wrap}.edit-btn,.delete-btn,.deprive-btn,.restore-btn{padding:6px 8px;font-size:.75rem;min-width:32px}.plate-number{font-size:.75rem;padding:4px 8px}}@media (max-width: 480px){.violation-table,.vehicle-table{padding:8px}.violations-header h1,.vehicles-header h1{font-size:1.25rem}.violation-form-modal,.vehicle-form-modal{padding:0}.violation-form-container,.vehicle-form-container{margin:0;border-radius:0;max-height:100vh;height:100vh}.violation-form-header,.vehicle-form-header{padding:12px;position:sticky;top:0;background:white;z-index:10}.violation-form,.vehicle-form{padding:12px}.form-actions{flex-direction:column;gap:8px}.form-actions button{width:100%}.violations-table,.vehicles-table{min-width:800px;width:max-content;display:table}.violations-table th,.violations-table td,.vehicles-table th,.vehicles-table td{padding:8px 6px;font-size:.75rem}.table-container{border-radius:6px;scrollbar-width:auto;scrollbar-color:#2d3748 #edf2f7;overflow-x:auto!important;overflow-y:visible!important;display:block!important;position:relative}.table-container::-webkit-scrollbar{width:14px;height:14px}.table-container::-webkit-scrollbar-track{background:#edf2f7;border-radius:7px;border:1px solid #cbd5e0}.table-container::-webkit-scrollbar-thumb{background:#2d3748;border-radius:7px;border:2px solid #edf2f7;min-height:30px}.table-container::-webkit-scrollbar-thumb:hover{background:#1a202c}.table-container::-webkit-scrollbar-corner{background:#edf2f7}}.user-management{max-width:1200px;margin:0 auto;padding:20px}.users-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:16px}.users-loading .loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.users-header h1{margin:0;color:#111827;font-size:1.875rem;font-weight:700}.add-user-btn{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.add-user-btn:hover{background:#5a6fd8}.user-form-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.user-form-container{background:white;border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto}.user-form-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.user-form-header h2{margin:0;color:#111827;font-size:1.25rem;font-weight:600}.user-form-header .close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:50%}.user-form-header .close-btn:hover{color:#374151;background:#f3f4f6}.user-form{padding:24px;display:flex;flex-direction:column;gap:20px}.user-form .form-group{display:flex;flex-direction:column;gap:8px}.user-form .form-group label{font-weight:500;color:#374151;font-size:.875rem}.user-form .form-group input,.user-form .form-group select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;transition:border-color .2s;background:white}.user-form .form-group input:focus,.user-form .form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.user-form .form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e5e7eb;margin-top:10px}.user-form .cancel-btn{padding:10px 20px;border:1px solid #d1d5db;background:white;border-radius:6px;color:#374151;font-weight:500;cursor:pointer;transition:all .2s}.user-form .cancel-btn:hover{background:#f9fafb}.user-form .save-btn{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.user-form .save-btn:hover{background:#5a6fd8}.checkbox-group{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:#374151}.checkbox-label input[type=checkbox]{display:none}.checkmark{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#667eea;border-color:#667eea}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.table-container{background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;max-height:none;width:100%;position:relative;display:block;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.users-table{width:100%;border-collapse:collapse}.users-table th{background:#f8f9fa;padding:16px;text-align:left;font-weight:600;color:#374151;font-size:.875rem;border-bottom:1px solid #e5e7eb}.users-table td{padding:16px;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.875rem}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover{background:#f9fafb}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;flex-shrink:0}.user-name{font-weight:500;color:#111827}.role-select{padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;background:white;cursor:pointer;transition:border-color .2s}.role-select:focus{outline:none;border-color:#667eea}.switch{position:relative;display:inline-block;width:44px;height:24px;margin-right:8px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#667eea}input:checked+.slider:before{transform:translate(20px)}.status-text{font-size:.75rem;color:#6b7280}.action-buttons{display:flex;gap:8px}.edit-btn,.delete-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;transition:background-color .2s;font-size:.875rem}.edit-btn:hover{background:#e0f2fe}.delete-btn:hover{background:#fee2e2}.no-data{text-align:center;color:#6b7280;font-style:italic;padding:40px}@media (max-width: 768px){.user-management{padding:16px}.users-header{flex-direction:column;gap:16px;align-items:stretch}.users-header h1{font-size:1.5rem}.table-container{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;max-height:none;width:100%}.users-table{min-width:800px}.user-form-container{margin:20px}.form-grid{grid-template-columns:1fr}}.profile-edit-container{padding:2rem;max-width:1600px;margin:0 auto;animation:fadeIn .5s ease-in}.profile-edit-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e0e7ff;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;flex-wrap:wrap}.profile-edit-header h2{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.profile-edit-header p{color:#6b7280;font-size:1rem}.refresh-btn{padding:.75rem 1.5rem;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);color:#374151}.profile-edit-filters{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.profile-edit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.profile-edit-card{background:white;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease;border:2px solid transparent;cursor:pointer;position:relative;overflow:hidden}.profile-edit-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.profile-edit-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#667eea}.profile-edit-card:hover:before{transform:scaleX(1)}.profile-edit-card.selected{border-color:#667eea;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.profile-edit-card.selected:before{transform:scaleX(1)}.profile-edit-card.inactive{opacity:.6;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%)}.profile-edit-card-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem;box-shadow:0 4px 6px -1px #667eea4d}.profile-edit-card-info{text-align:center}.profile-edit-card-name{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.profile-edit-card-username{font-size:.875rem;color:#6b7280;margin-bottom:.75rem}.profile-edit-card-role{margin-bottom:.5rem}.role-badge{padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-block}.role-badge.admin{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b}.role-badge.management{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e}.role-badge.inspector{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1e40af}.role-badge.user{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);color:#374151}.profile-edit-card-rank,.profile-edit-card-position{font-size:.875rem;color:#6b7280;margin-top:.25rem}.profile-edit-card-status{margin-top:.5rem;padding:.25rem .5rem;background:#fee2e2;color:#991b1b;border-radius:8px;font-size:.75rem;font-weight:600}.profile-edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .3s ease}.profile-edit-modal{background:white;border-radius:20px;max-width:1000px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease;display:flex;flex-direction:column}.profile-edit-modal-header{padding:1.5rem 2rem;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.profile-edit-modal-header h3{font-size:1.5rem;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:.75rem}.profile-edit-modal-header-actions{display:flex;gap:.75rem;align-items:center}.edit-profile-btn,.close-modal-btn{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.edit-profile-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.edit-profile-btn:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #667eea66}.close-modal-btn{background:#f3f4f6;color:#374151;width:36px;height:36px;padding:0;justify-content:center}.close-modal-btn:hover{background:#e5e7eb}.profile-edit-modal-content{padding:2rem;overflow-y:auto;flex:1}.profile-edit-form{display:flex;flex-direction:column;gap:2rem}.form-section{padding:1.5rem;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:12px;border-left:4px solid #667eea}.form-section h4{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.875rem;font-weight:600;color:#374151}.form-group input,.form-group select{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;transition:all .3s ease;background:white;color:#1f2937}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.password-input-group{position:relative;display:flex;align-items:center}.password-input-group input{flex:1;padding-right:3rem}.toggle-password-btn{position:absolute;right:.5rem;background:none;border:none;cursor:pointer;padding:.25rem;color:#6b7280;font-size:.875rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px}.toggle-password-btn:hover{color:#374151;background:#f3f4f6}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:2px solid #e5e7eb}.save-btn,.cancel-btn{padding:.75rem 1.5rem;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.save-btn{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff}.save-btn:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #10b98166}.cancel-btn{background:#f3f4f6;color:#374151}.cancel-btn:hover{background:#e5e7eb}.profile-edit-info{display:flex;flex-direction:column;gap:2rem}.info-section{padding:1.5rem;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:12px;border-left:4px solid #667eea}.info-section h4{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item.full-width{grid-column:1 / -1}.info-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:1rem;font-weight:600;color:#1f2937}.password-value{display:flex;align-items:center;gap:.5rem}.password-value .toggle-password-btn{position:relative;right:auto;width:20px;height:20px;font-size:.75rem;padding:.125rem}.info-value a{color:#667eea;text-decoration:none}.info-value a:hover{text-decoration:underline}.profile-edit-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}.profile-edit-loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.profile-edit-empty{text-align:center;padding:4rem 2rem;background:white;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a}.profile-edit-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.profile-edit-empty h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.profile-edit-empty p{color:#6b7280;font-size:1rem}@media (max-width: 768px){.profile-edit-container{padding:1rem}.profile-edit-filters,.profile-edit-grid{grid-template-columns:1fr}.profile-edit-modal{margin:1rem;max-height:95vh}.profile-edit-modal-content{padding:1rem}.form-grid,.info-grid{grid-template-columns:1fr}}.admin-panel{padding:20px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem}.admin-stats-section{margin-bottom:2rem}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.admin-stat-card{background:white;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.admin-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:shimmer 2s infinite}.admin-stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.admin-stat-card.users-stat{border-left:4px solid #667eea;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.admin-stat-card.reports-stat{border-left:4px solid #f59e0b;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.admin-stat-card.applications-stat{border-left:4px solid #10b981;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}.admin-stat-card.general-stat{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%)}.admin-stat-card.system-info-stat{border-left:4px solid #8b5cf6;background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%)}.stat-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid rgba(0,0,0,.1)}.stat-icon{font-size:1.75rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.5);border-radius:10px}.stat-card-header h3{margin:0;font-size:1.125rem;font-weight:700;color:#1f2937}.stat-card-content{display:flex;flex-direction:column;gap:.75rem}.stat-main-value{font-size:2.5rem;font-weight:700;color:#1f2937;line-height:1}.stat-details{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.stat-detail-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.stat-detail-item:last-child{border-bottom:none}.detail-label{font-size:.875rem;color:#6b7280;font-weight:500}.detail-value{font-size:1rem;font-weight:700;color:#1f2937}.detail-value.pending{color:#f59e0b}.detail-value.approved{color:#10b981}.detail-value.rejected{color:#ef4444}.detail-value.open{color:#10b981}.detail-value.in-progress{color:#f59e0b}.detail-value.closed{color:#6b7280}.admin-panel__header{display:flex;justify-content:space-between;gap:2rem;padding:2rem;border-radius:20px;background:linear-gradient(135deg,rgba(30,60,114,.9),rgba(42,82,152,.9));color:#fff;box-shadow:0 20px 40px #1e3c7233}.admin-panel__error{padding:1rem 1.5rem;border-radius:12px;background:rgba(231,76,60,.1);border:1px solid rgba(231,76,60,.3);color:#c0392b}.admin-panel__catalog-card{display:flex;gap:1rem;padding:1.25rem;border-radius:16px;border:1px solid var(--gray);background:#fff;box-shadow:0 10px 20px #0000000d;align-items:center}.admin-header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.admin-header-text{flex:1}.admin-header-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;opacity:.9;margin-bottom:8px}.admin-header h1{margin:0 0 12px;font-size:2rem;font-weight:700}.admin-header p{margin:0;font-size:1rem;opacity:.9}.admin-header-actions{display:flex;gap:12px;flex-shrink:0}.admin-search{margin-bottom:24px}.admin-search-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s}.admin-search-input:focus{outline:none;border-color:#8e44ad;box-shadow:0 0 0 3px #8e44ad1a}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}.admin-loading .loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.admin-header{margin-bottom:32px;padding:32px;background:linear-gradient(135deg,#8e44ad 0%,#9b59b6 100%);color:#fff;border-radius:16px;box-shadow:0 10px 30px #8e44ad4d}.admin-header h1{margin:0 0 8px;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.admin-header h2{margin:0 0 12px;font-size:1.25rem;font-weight:600}.admin-header p{margin:0 0 20px;font-size:1rem;opacity:.9}.admin-header-actions{display:flex;gap:12px;margin-top:20px}.admin-refresh-btn,.admin-summary-btn{padding:10px 20px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.admin-refresh-btn{background:#3498db;color:#fff}.admin-refresh-btn:hover{background:#2980b9}.admin-summary-btn{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3)}.admin-summary-btn:hover{background:rgba(255,255,255,.3)}.stats-section{margin-bottom:40px}.stats-section h2{margin:0 0 20px;color:#111827;font-size:1.5rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{background:white;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:2px solid #8e44ad;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.stat-card.red:before{background:linear-gradient(90deg,#e74c3c,#c0392b)}.stat-card.teal:before{background:linear-gradient(90deg,#1abc9c,#16a085)}.stat-card.green:before{background:linear-gradient(90deg,#27ae60,#229954)}.stat-card.orange:before{background:linear-gradient(90deg,#f39c12,#e67e22)}.stat-card.blue:before{background:linear-gradient(90deg,#3498db,#2980b9)}.stat-card.purple:before{background:linear-gradient(90deg,#8e44ad,#9b59b6)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8e44ad33;border-color:#9b59b6}.stat-icon{font-size:2.5rem;margin-bottom:8px}.stat-info{width:100%}.stat-number{font-size:2.5rem;font-weight:700;color:#111827;line-height:1;margin-bottom:4px}.stat-label{color:#6b7280;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.admin-content{display:grid;grid-template-columns:1fr 400px;gap:30px;margin-bottom:40px}.system-info,.recent-activities{background:white;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:2px solid #8e44ad}.system-info h2,.recent-activities h2{margin:0 0 20px;color:#111827;font-size:1.25rem;font-weight:600}.info-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6}.info-label{font-weight:500;color:#374151;font-size:.875rem}.info-value{color:#111827;font-weight:600;font-size:.875rem}.system-actions{display:flex;gap:12px;flex-wrap:wrap}.action-btn{padding:10px 16px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.backup-btn{background:#10b981;color:#fff}.backup-btn:hover{background:#059669}.cache-btn{background:#f59e0b;color:#fff}.cache-btn:hover{background:#d97706}.activities-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;transition:background-color .2s}.activity-item:hover{background-color:#f8f9fa}.activity-icon{font-size:1.125rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:8px;flex-shrink:0}.activity-content{flex:1}.activity-message{color:#111827;font-size:.875rem;margin-bottom:4px;line-height:1.4}.activity-time{color:#6b7280;font-size:.75rem}.no-activities{text-align:center;color:#6b7280;font-style:italic;padding:20px}.quick-actions-section{background:white;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:2px solid #8e44ad;margin-top:24px}.quick-actions-section h2{margin:0 0 20px;color:#111827;font-size:1.25rem;font-weight:600}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;border:2px dashed #d1d5db;background:#fafafa;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s;text-align:center}.quick-action-btn:hover{border-color:#667eea;background:#f0f4ff;color:#667eea;transform:translateY(-2px)}.action-icon{font-size:2rem}.action-label{font-weight:500;font-size:.875rem}@media (max-width: 1024px){.admin-content{grid-template-columns:1fr}.recent-activities{order:-1}}@media (max-width: 768px){.admin-panel{padding:16px}.admin-header h1{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.quick-actions-grid{grid-template-columns:1fr}.system-actions{flex-direction:column}}.admin-workspace{display:flex;gap:24px;margin-top:24px}.admin-main-content{flex:3}.admin-sidebar{flex:1;min-width:280px}.admin-modules{display:flex;flex-direction:column;gap:16px}.admin-module-card{background:white;border:2px solid #8e44ad;border-radius:12px;padding:20px;display:flex;gap:16px;align-items:flex-start;transition:all .2s}.admin-module-card:hover{box-shadow:0 4px 12px #8e44ad33;transform:translateY(-2px)}.module-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.module-content{flex:1}.module-content h3{margin:0 0 8px;font-size:1.25rem;font-weight:600;color:#111827}.module-subtitle{margin:0 0 16px;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:1px}.module-actions{display:flex;gap:12px;flex-wrap:wrap}.module-manage-btn{padding:10px 20px;background:#3498db;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.module-manage-btn:hover{background:#2980b9;transform:translateY(-1px)}.module-open-btn{padding:10px 20px;background:white;color:#6b7280;border:1px solid #e5e7eb;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.module-open-btn:hover{background:#f8f9fa;border-color:#d1d5db}.quick-actions-panel{background:white;border:2px solid #8e44ad;border-radius:12px;padding:20px;position:sticky;top:80px}.quick-actions-panel h3{margin:0 0 20px;font-size:1.125rem;font-weight:600;color:#111827;display:flex;align-items:center;gap:8px}.quick-actions-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.quick-action-item{display:flex;align-items:center;gap:12px;padding:12px;background:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.quick-action-item:hover{background:#2980b9;transform:translate(4px)}.quick-icon{font-size:1.5rem;flex-shrink:0}.quick-content{flex:1}.quick-title{font-weight:600;font-size:.875rem;margin-bottom:4px}.quick-subtitle{font-size:.75rem;opacity:.9}.quick-links-section{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.quick-links-section h4{margin:0 0 16px;font-size:1rem;font-weight:600;color:#111827}.quick-links-list{display:flex;flex-direction:column;gap:8px}.quick-link-item{padding:10px 12px;background:white;color:#3498db;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s;text-align:left;font-size:.875rem;display:flex;align-items:center;justify-content:space-between}.quick-link-item:hover{background:#f8f9fa;border-color:#3498db;transform:translate(4px)}.quick-link-item:after{content:"→";font-size:1rem}@media (max-width: 1024px){.admin-workspace{flex-direction:column}.admin-sidebar{min-width:100%}.quick-actions-panel{position:relative;top:0}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:column;text-align:center}.module-actions{flex-direction:column}.module-manage-btn,.module-open-btn{width:100%}}.work-report{max-width:800px;margin:0 auto}.work-report .section-header{margin-bottom:2rem}.work-report .section-header h2{color:#111827;font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.work-report .section-header p{color:#6b7280;font-size:1rem}.work-report .back-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;color:#fff;cursor:pointer;font-size:.8rem;margin-bottom:1rem;display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:20px;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d;font-weight:500}.work-report .back-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.work-report .back-button span{font-size:1rem}.work-report .message{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.work-report .message.success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.work-report .message.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.work-report .form-group{margin-bottom:1.5rem}.work-report .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.875rem}.work-report .form-group input,.work-report .form-group select,.work-report .form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;transition:border-color .2s}.work-report .form-group input:focus,.work-report .form-group select:focus,.work-report .form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.work-report .form-group input:disabled,.work-report .form-group select:disabled,.work-report .form-group textarea:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.work-report .form-group textarea{resize:vertical;min-height:100px}.work-report .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.work-report .file-input-container{position:relative}.work-report .file-input{position:absolute;opacity:0;width:0;height:0}.work-report .file-input-label{display:inline-block;padding:10px 20px;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s;text-align:center;font-weight:500;color:#374151}.work-report .file-input-label:hover{background:#e5e7eb;border-color:#9ca3af}.work-report .file-input:disabled+.file-input-label{opacity:.6;cursor:not-allowed}.work-report .photos-preview{margin-top:1rem}.work-report .photos-preview h4{margin-bottom:.5rem;color:#374151;font-size:.875rem;font-weight:600}.work-report .photos-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.work-report .photo-item{position:relative}.work-report .photo-item img{width:100px;height:100px;object-fit:cover;border-radius:8px;border:2px solid #e5e7eb}.work-report .photo-remove-btn{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;border:none;border-radius:50%;width:20px;height:20px;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;transition:background .2s}.work-report .photo-remove-btn:hover:not(:disabled){background:#dc2626}.work-report .photo-remove-btn:disabled{opacity:.6;cursor:not-allowed}.work-report .form-actions{margin-top:2rem;display:flex;justify-content:flex-end}.work-report .submit-btn{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);color:#fff;border:none;padding:.7rem 1.5rem;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #4facfe4d;display:flex;align-items:center;gap:.4rem}.work-report .submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4facfe66}.work-report .submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.work-report{padding:0 10px}.work-report .section-header h2{font-size:1.5rem}.work-report .form-grid{grid-template-columns:1fr;gap:.75rem}.work-report .form-group{margin-bottom:1rem}.work-report .photos-grid{justify-content:center;gap:.75rem}.work-report .photo-item img{width:80px;height:80px}.work-report .submit-btn{width:100%;padding:.75rem 1.5rem}.work-report .back-button{width:100%;justify-content:center}}@media (max-width: 480px){.work-report .section-header h2{font-size:1.25rem}.work-report .form-group input,.work-report .form-group select,.work-report .form-group textarea{padding:.75rem;font-size:.875rem}.work-report .photo-item img{width:70px;height:70px}.work-report .submit-btn{padding:.625rem 1.25rem;font-size:.875rem}.work-report .back-button{padding:.5rem 1rem;font-size:.8125rem}}.vacation-report{max-width:800px;margin:0 auto}.vacation-report .section-header{margin-bottom:2rem}.vacation-report .section-header h2{color:#111827;font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.vacation-report .section-header p{color:#6b7280;font-size:1rem}.vacation-report .back-button{background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%);border:none;color:#fff;cursor:pointer;font-size:.9rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:25px;transition:all .3s ease;box-shadow:0 4px 15px #ff9a9e4d;font-weight:500}.vacation-report .back-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff9a9e66}.vacation-report .back-button span{font-size:1.1rem}.vacation-report .message{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.vacation-report .message.success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.vacation-report .message.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.vacation-report .form-group{margin-bottom:1.5rem}.vacation-report .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.875rem}.vacation-report .form-group input,.vacation-report .form-group select,.vacation-report .form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;transition:border-color .2s}.vacation-report .form-group input:focus,.vacation-report .form-group select:focus,.vacation-report .form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.vacation-report .form-group input:disabled,.vacation-report .form-group select:disabled,.vacation-report .form-group textarea:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.vacation-report .form-group textarea{resize:vertical;min-height:100px}.vacation-report .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.vacation-report .date-hint{font-size:.8rem;color:#666;margin-top:.25rem}.vacation-report .duration-info{font-size:.8rem;margin-top:.25rem}.vacation-report .duration-info.valid{color:#059669}.vacation-report .duration-info.invalid{color:#dc2626}.vacation-report .readonly-input{background:#f5f5f5}.vacation-report .file-input-container{position:relative}.vacation-report .file-input{position:absolute;opacity:0;width:0;height:0}.vacation-report .file-input-label{display:inline-block;padding:10px 20px;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s;text-align:center;font-weight:500;color:#374151}.vacation-report .file-input-label:hover{background:#e5e7eb;border-color:#9ca3af}.vacation-report .file-hint{display:block;font-size:.75rem;color:#6b7280;margin-top:.5rem}.vacation-report .documents-list{margin-top:1rem}.vacation-report .documents-list h4{margin-bottom:.5rem;color:#374151;font-size:.875rem;font-weight:600}.vacation-report .documents-items{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.vacation-report .document-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#f3f4f6;border-radius:4px}.vacation-report .document-remove-btn{background:#ef4444;color:#fff;border:none;border-radius:4px;padding:.25rem .5rem;cursor:pointer;font-size:12px;transition:all .2s ease}.vacation-report .document-remove-btn:hover:not(:disabled){background:#dc2626}.vacation-report .document-remove-btn:disabled{opacity:.6;cursor:not-allowed}.vacation-report .info-box{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);padding:1rem;border-radius:12px;margin-bottom:1.5rem;border-left:4px solid #74b9ff}.vacation-report .info-box h4{color:#2d3436;margin-bottom:.5rem}.vacation-report .info-box ul{font-size:.9rem;line-height:1.4;margin:0;color:#2d3436;padding-left:1.25rem}.vacation-report .form-actions{margin-top:2rem;display:flex;justify-content:flex-end}.vacation-report .submit-btn{background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%);color:#2d3436;border:none;padding:.8rem 2rem;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #fcb69f4d;display:flex;align-items:center;gap:.5rem}.vacation-report .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #fcb69f66}.vacation-report .submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.vacation-report{padding:0 10px}.vacation-report .section-header h2{font-size:1.5rem}.vacation-report .form-grid{grid-template-columns:1fr;gap:.75rem}.vacation-report .form-group{margin-bottom:1rem}.vacation-report .info-box{padding:.75rem}.vacation-report .submit-btn{width:100%;padding:.75rem 1.5rem}.vacation-report .document-item{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.vacation-report .section-header h2{font-size:1.25rem}.vacation-report .form-group input,.vacation-report .form-group select,.vacation-report .form-group textarea{padding:.75rem;font-size:.875rem}.vacation-report .submit-btn{padding:.625rem 1.25rem;font-size:.875rem}.vacation-report .back-button{padding:.5rem 1rem;font-size:.875rem}}.evacuation-report{max-width:800px;margin:0 auto}.evacuation-report .section-header{margin-bottom:2rem}.evacuation-report .section-header h2{color:#111827;font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.evacuation-report .section-header p{color:#6b7280;font-size:1rem}.evacuation-report .back-button{background:none;border:none;color:#3498db;cursor:pointer;font-size:1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;padding:.5rem 0;transition:color .2s}.evacuation-report .back-button:hover{color:#2980b9}.evacuation-report .message{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.evacuation-report .message.success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.evacuation-report .message.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.evacuation-report .form-group{margin-bottom:1.5rem}.evacuation-report .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.875rem}.evacuation-report .form-group input,.evacuation-report .form-group select,.evacuation-report .form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;transition:border-color .2s}.evacuation-report .form-group input:focus,.evacuation-report .form-group select:focus,.evacuation-report .form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.evacuation-report .form-group input:disabled,.evacuation-report .form-group select:disabled,.evacuation-report .form-group textarea:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.evacuation-report .form-group textarea{resize:vertical;min-height:80px}.evacuation-report .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.evacuation-report .file-input-container{position:relative}.evacuation-report .file-input{position:absolute;opacity:0;width:0;height:0}.evacuation-report .file-input-label{display:inline-block;padding:10px 20px;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s;text-align:center;font-weight:500;color:#374151}.evacuation-report .file-input-label:hover{background:#e5e7eb;border-color:#9ca3af}.evacuation-report .file-input:disabled+.file-input-label{opacity:.6;cursor:not-allowed}.evacuation-report .file-hint{display:block;font-size:.75rem;color:#6b7280;margin-top:.5rem}.evacuation-report .photos-preview{margin-top:1rem}.evacuation-report .photos-preview h4{margin-bottom:.5rem;color:#374151;font-size:.875rem;font-weight:600}.evacuation-report .photos-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.evacuation-report .photo-item{position:relative}.evacuation-report .photo-item img{width:100px;height:100px;object-fit:cover;border-radius:8px;border:2px solid #e5e7eb}.evacuation-report .photo-remove-btn{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:background .2s}.evacuation-report .photo-remove-btn:hover:not(:disabled){background:#dc2626}.evacuation-report .photo-remove-btn:disabled{opacity:.6;cursor:not-allowed}.evacuation-report .form-actions{margin-top:2rem;display:flex;justify-content:flex-end}.evacuation-report .submit-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:.8rem 2rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d;display:flex;align-items:center;gap:.5rem}.evacuation-report .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.evacuation-report .submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.evacuation-report{padding:0 10px}.evacuation-report .section-header h2{font-size:1.5rem}.evacuation-report .form-grid{grid-template-columns:1fr;gap:.75rem}.evacuation-report .form-group{margin-bottom:1rem}.evacuation-report .photos-grid{justify-content:center;gap:.75rem}.evacuation-report .photo-item img{width:80px;height:80px}.evacuation-report .submit-btn{width:100%;padding:.75rem 1.5rem}}@media (max-width: 480px){.evacuation-report .section-header h2{font-size:1.25rem}.evacuation-report .form-group input,.evacuation-report .form-group select,.evacuation-report .form-group textarea{padding:.75rem;font-size:.875rem}.evacuation-report .photo-item img{width:70px;height:70px}.evacuation-report .submit-btn{padding:.625rem 1.25rem;font-size:.875rem}}.reports-main{width:100%;padding:20px;box-sizing:border-box}.reports-status-badge{padding:.25rem .5rem;border-radius:12px;font-size:.8rem;display:inline-block;font-weight:500}.reports-status-badge-pending{background:#f39c12;color:#fff}.reports-status-badge-approved{background:#27ae60;color:#fff}.reports-status-badge-rejected{background:#e74c3c;color:#fff}.reports-status-badge-unknown{background:#95a5a6;color:#fff}.reports-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:16px}.reports-loading .loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.reports-loading p{color:#6b7280;font-size:1rem}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.reports-header h1{margin:0;color:#111827;font-size:1.875rem;font-weight:700;display:flex;align-items:center;gap:12px}.report-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:40px}.report-type-card{background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;padding:24px;transition:transform .2s,box-shadow .2s;cursor:pointer;text-align:center}.report-type-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026;border-color:#667eea}.report-type-icon{font-size:3rem;margin-bottom:16px}.report-type-title{margin:0 0 8px;color:#111827;font-size:1.25rem;font-weight:600}.report-type-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.my-reports-section{background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;padding:24px}.my-reports-section h2{margin:0 0 20px;color:#111827;font-size:1.5rem;font-weight:600;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.reports-list{display:flex;flex-direction:column;gap:12px}.report-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea;transition:all .2s}.report-item:hover{background:#f0f4ff;transform:translate(4px)}.report-item-info{display:flex;align-items:center;gap:12px;flex:1}.report-item-icon{font-size:1.5rem}.report-item-details{flex:1}.report-item-date{margin:0;color:#6b7280;font-size:.75rem}.report-item-title{margin:0 0 4px;color:#111827;font-weight:500;font-size:.95rem}.no-reports{text-align:center;padding:40px 20px;color:#6b7280;font-style:italic}.access-denied{text-align:center;padding:60px 20px;background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:20px}.access-denied h2{color:#ef4444;margin-bottom:16px}.access-denied p{color:#6b7280;font-size:1.125rem}.view-my-reports-btn{padding:10px 20px;background:linear-gradient(135deg,#9b59b6 0%,#e74c3c 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .3s ease;box-shadow:0 2px 6px #9b59b64d}.view-my-reports-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #9b59b666}@media (max-width: 768px){.reports-main{padding:16px}.reports-header{flex-direction:column;gap:16px;align-items:stretch}.reports-header h1{font-size:1.5rem}.report-types-grid{grid-template-columns:1fr}.report-item{flex-direction:column;align-items:flex-start;gap:12px}}.reports-management-container{padding:2rem;max-width:1400px;margin:0 auto;animation:fadeIn .5s ease-in}.reports-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e0e7ff}.reports-header h2{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.reports-header p{color:#6b7280;font-size:1rem}.reports-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.filter-group input,.filter-group select{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;transition:all .3s ease;background:white;color:#1f2937}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-group input::placeholder{color:#9ca3af}.reports-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:white;padding:1.5rem;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease;position:relative;overflow:hidden;border-left:4px solid}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.report-card{background:white;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.report-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.report-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#667eea}.report-card:hover:before{transform:scaleX(1)}.report-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.report-type{display:flex;align-items:center;gap:.75rem;flex:1}.report-type-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;box-shadow:0 4px 6px -1px #667eea4d}.report-type-text{font-weight:600;color:#1f2937;font-size:.95rem}.report-status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.report-status-badge.pending{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e}.report-status-badge.approved{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46}.report-status-badge.rejected{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b}.report-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.report-info-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.report-info-item strong{color:#374151;font-weight:600;min-width:100px}.report-unit-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.report-unit-badge.spec{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b}.report-unit-badge.separate{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1e40af}.report-actions{display:flex;gap:.5rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid #e5e7eb}.action-btn{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn-view:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 6px -1px #667eea66}.action-btn-approve{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff}.action-btn-approve:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 6px -1px #10b98166}.action-btn-reject{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff}.action-btn-reject:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 6px -1px #ef444466}.action-btn-delete{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);color:#fff}.action-btn-delete:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 6px -1px #6b728066}.report-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .3s ease}.report-modal{background:white;border-radius:20px;max-width:900px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease;display:flex;flex-direction:column}.report-modal-header{padding:1.5rem 2rem;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.report-modal-header h3{font-size:1.5rem;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:.75rem}.report-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease}.report-modal-close:hover{background:#f3f4f6;color:#1f2937}.report-modal-content{padding:2rem;overflow-y:auto;flex:1}.report-modal-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:12px}.report-modal-info-item{display:flex;flex-direction:column;gap:.25rem}.report-modal-info-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.report-modal-info-value{font-size:1rem;font-weight:600;color:#1f2937}.report-modal-details{background:white;padding:1.5rem;border-radius:12px;border:2px solid #e5e7eb;margin-bottom:1.5rem}.report-modal-details h4{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.report-modal-details p{margin-bottom:.75rem;color:#374151;line-height:1.6}.report-modal-details strong{color:#1f2937;font-weight:600}.report-modal-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem}.report-modal-photo{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;border:2px solid #e5e7eb;cursor:pointer;transition:all .3s ease}.report-modal-photo:hover{transform:scale(1.05);border-color:#667eea;box-shadow:0 4px 6px -1px #667eea4d}.reports-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}.reports-loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.reports-empty{text-align:center;padding:4rem 2rem;background:white;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a}.reports-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.reports-empty h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.reports-empty p{color:#6b7280;font-size:1rem}@media (max-width: 1024px){.reports-grid,.reports-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.reports-management-container{padding:1rem}.reports-header h2{font-size:1.5rem}.reports-filters{grid-template-columns:1fr;padding:1rem}.reports-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.25rem}.stat-icon,.stat-value{font-size:1.5rem}.reports-grid{grid-template-columns:1fr;gap:1rem}.report-card{padding:1.25rem}.report-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}.report-modal{margin:1rem;max-height:95vh;border-radius:16px}.report-modal-header{padding:1rem 1.5rem}.report-modal-header h3{font-size:1.25rem}.report-modal-content{padding:1rem}.report-modal-info{grid-template-columns:1fr;padding:1rem}.report-modal-photos{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.reports-management-container{padding:.75rem}.reports-header h2{font-size:1.25rem}.reports-stats{grid-template-columns:1fr;gap:.75rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.report-card{padding:1rem}.report-type-icon{width:32px;height:32px;font-size:1.25rem}.report-modal{margin:.5rem;border-radius:12px}.report-modal-header{padding:.875rem 1rem}.report-modal-header h3{font-size:1.125rem}.report-modal-content{padding:.875rem}.report-modal-photos{grid-template-columns:1fr}}.my-reports-container{padding:2rem;max-width:1400px;margin:0 auto;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.my-reports-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e0e7ff;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;flex-wrap:wrap}.my-reports-header h2{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.my-reports-header p{color:#6b7280;font-size:1rem}.my-reports-header-actions{display:flex;gap:1rem;align-items:center}.refresh-btn,.create-report-btn{padding:.75rem 1.5rem;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px}.refresh-btn{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);color:#374151}.refresh-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.create-report-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.create-report-btn:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #667eea66}.my-reports-filters{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.875rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.filter-group select{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;transition:all .3s ease;background:white;color:#1f2937}.filter-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.my-reports-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:white;padding:1.5rem;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease;position:relative;overflow:hidden;border-left:4px solid;text-align:center}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.stat-card.pending{border-left-color:#f59e0b;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.stat-card.approved{border-left-color:#10b981;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}.stat-card.rejected{border-left-color:#ef4444;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%)}.stat-card.total{border-left-color:#3b82f6;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%)}.stat-icon{font-size:2rem;margin-bottom:.5rem;display:block}.stat-value{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.stat-label{font-size:.875rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.my-reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.my-report-card{background:white;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.my-report-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.my-report-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#667eea}.my-report-card:hover:before{transform:scaleX(1)}.my-report-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.my-report-type{display:flex;align-items:center;gap:.75rem;flex:1}.my-report-type-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;box-shadow:0 4px 6px -1px #667eea4d}.my-report-type-text{font-weight:600;color:#1f2937;font-size:.95rem}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.status-badge.pending{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e}.status-badge.approved{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46}.status-badge.rejected{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b}.my-report-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.my-report-info-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.my-report-info-item strong{color:#374151;font-weight:600;min-width:120px}.unit-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.unit-badge.spec{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b}.unit-badge.separate{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1e40af}.my-report-status-description{padding:1rem;background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-radius:10px;border-left:4px solid #667eea;font-size:.875rem;color:#6b7280;margin-bottom:1rem;line-height:1.6}.my-report-actions{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.action-btn{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px;flex:1;justify-content:center}.action-btn-view{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.action-btn-view:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #667eea66}.my-report-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .3s ease}.my-report-modal{background:white;border-radius:20px;max-width:900px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease;display:flex;flex-direction:column}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.my-report-modal-header{padding:1.5rem 2rem;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.my-report-modal-header h3{font-size:1.5rem;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:.75rem}.my-report-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease}.my-report-modal-close:hover{background:#f3f4f6;color:#1f2937}.my-report-modal-content{padding:2rem;overflow-y:auto;flex:1}.my-report-modal-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:12px}.my-report-modal-info-item{display:flex;flex-direction:column;gap:.25rem}.my-report-modal-info-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.my-report-modal-info-value{font-size:1rem;font-weight:600;color:#1f2937}.my-report-modal-details{background:white;padding:1.5rem;border-radius:12px;border:2px solid #e5e7eb;margin-bottom:1.5rem}.my-report-modal-details h4{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.my-report-modal-details p{margin-bottom:.75rem;color:#374151;line-height:1.6}.my-report-modal-details strong{color:#1f2937;font-weight:600}.detail-text{white-space:pre-wrap;margin-top:.5rem;padding:1rem;background:#f9fafb;border-radius:8px;line-height:1.6;color:#374151}.detail-text.warning{background:#fef3c7;border-left:4px solid #f59e0b}.detail-text.info{background:#dbeafe;border-left:4px solid #3b82f6}.my-report-modal-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem}.my-report-modal-photo{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;border:2px solid #e5e7eb;cursor:pointer;transition:all .3s ease}.my-report-modal-photo:hover{transform:scale(1.05);border-color:#667eea;box-shadow:0 4px 6px -1px #667eea4d}.my-reports-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}.my-reports-loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.my-reports-empty{text-align:center;padding:4rem 2rem;background:white;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a}.my-reports-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.my-reports-empty h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.my-reports-empty p{color:#6b7280;font-size:1rem}@media (max-width: 1024px){.my-reports-grid,.my-reports-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.my-reports-container{padding:1rem}.my-reports-header{flex-direction:column;gap:1rem;align-items:stretch}.my-reports-header-actions{width:100%;flex-direction:column}.refresh-btn,.create-report-btn{width:100%;justify-content:center}.my-reports-filters{padding:1rem}.my-reports-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.25rem}.stat-icon,.stat-value{font-size:1.5rem}.my-reports-grid{grid-template-columns:1fr;gap:1rem}.my-report-card{padding:1.25rem}.my-report-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}.my-report-modal{margin:1rem;max-height:95vh;border-radius:16px}.my-report-modal-header{padding:1rem 1.5rem}.my-report-modal-header h3{font-size:1.25rem}.my-report-modal-content{padding:1rem}.my-report-modal-info{grid-template-columns:1fr;padding:1rem}.my-report-modal-photos{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.my-reports-container{padding:.75rem}.my-reports-header h2{font-size:1.5rem}.my-reports-stats{grid-template-columns:1fr;gap:.75rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.my-report-card{padding:1rem}.my-report-type-icon{width:32px;height:32px;font-size:1.25rem}.my-report-modal{margin:.5rem;border-radius:12px}.my-report-modal-header{padding:.875rem 1rem}.my-report-modal-header h3{font-size:1.125rem}.my-report-modal-content{padding:.875rem}.my-report-modal-photos{grid-template-columns:1fr}}.cpp-application-card{background:white;padding:1.5rem;border-radius:12px;border:1px solid #e1e8ed;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;animation:slideInUp .3s ease-out}.cpp-application-card.pinned{border:2px solid #e67e22}.cpp-application-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.pin-icon{position:absolute;top:.5rem;left:.5rem;font-size:1rem;background:#e67e22;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;z-index:1}.new-replies-indicator{position:absolute;top:.5rem;right:.5rem;background:#e74c3c;color:#fff;border-radius:50%;width:12px;height:12px;z-index:1}.author-badge{position:absolute;top:.5rem;right:.5rem;background:#3498db;color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;z-index:1}.author-badge.with-pin{right:2rem}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.card-header-content{flex:1}.card-prefix{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;font-weight:700;letter-spacing:.5px;display:inline-block;margin-bottom:.75rem;box-shadow:0 2px 4px #667eea4d;text-transform:uppercase}.card-title{margin:0 0 .5rem;color:#2c3e50;font-size:1.2rem}.card-meta{margin:0;color:#7f8c8d;font-size:.9rem}.card-status-section{text-align:right}.status-badge{background:#95a5a6;color:#fff;padding:.3rem .6rem;border-radius:12px;font-size:.7rem;display:inline-block}.status-badge.closed{background:#95a5a6}.status-badge.pinned{background:#e67e22}.status-badge.pending{background:#f39c12}.status-badge.approved{background:#27ae60}.status-badge.rejected{background:#e74c3c}.replies-count{font-size:.8rem;color:#3498db;margin-top:.5rem}.card-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;font-size:.9rem;color:#5d6d7e}.leadership-badge{margin-top:1rem;padding:.5rem;background:#e8f4fd;border-radius:6px;font-size:.8rem;color:#3498db}.author-leadership-badge{margin-top:1rem;padding:.5rem;background:#f0f8f0;border-radius:6px;font-size:.8rem;color:#27ae60}.waiting-badge{margin-top:1rem;padding:.5rem;background:#fef5e7;border-radius:6px;font-size:.8rem;color:#f39c12;text-align:center}.closed-badge{margin-top:1rem;padding:.5rem;background:#f8f9fa;border-radius:6px;font-size:.8rem;color:#95a5a6;text-align:center;border:1px solid #e1e8ed}@media (max-width: 768px){.cpp-application-card{padding:1.25rem}.card-header{flex-direction:column;gap:.75rem;align-items:flex-start}.card-status-section{text-align:left;width:100%}.card-title{font-size:1.1rem}.card-meta{font-size:.85rem}.card-details{grid-template-columns:1fr;gap:.75rem;font-size:.85rem}}@media (max-width: 480px){.cpp-application-card{padding:1rem}.card-title{font-size:1rem}.card-prefix{font-size:.75rem;padding:.3rem .6rem}.pin-icon,.author-badge{width:20px;height:20px;font-size:.75rem}.card-details{font-size:.8125rem}}.cpp-reply{background:#f0f8f0;padding:1rem;border-radius:8px;border-left:4px solid #27ae60;position:relative}.cpp-reply-leadership{background:#e8f4fd;border-left-color:#3498db}.cpp-reply-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.cpp-reply-author{color:#27ae60;font-weight:600}.cpp-reply-author-leadership{color:#2980b9}.cpp-reply-badge{background:#27ae60;color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;margin-left:.5rem}.cpp-reply-badge-leadership{background:#2980b9}.cpp-reply-date{font-size:.8rem;color:#7f8c8d}.cpp-reply-content{white-space:pre-wrap;line-height:1.5;color:#2c3e50}.cpp-reply-new{position:absolute;top:.5rem;right:.5rem;background:#e74c3c;color:#fff;border-radius:4px;padding:.1rem .3rem;font-size:.6rem;font-weight:600}@media (max-width: 768px){.cpp-reply{padding:.875rem}.cpp-reply-header{flex-direction:column;gap:.5rem;align-items:flex-start}.cpp-reply-date{align-self:flex-start}.cpp-reply-content{font-size:.9rem}}@media (max-width: 480px){.cpp-reply{padding:.75rem}.cpp-reply-author{font-size:.875rem}.cpp-reply-badge{font-size:.65rem;padding:.15rem .4rem}.cpp-reply-date{font-size:.75rem}.cpp-reply-content{font-size:.875rem}.cpp-reply-new{font-size:.55rem;padding:.1rem .25rem}}.cpp-response-form{margin-top:1.5rem;background:#ffffff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 8px #0000000f;border:1px solid #e1e8ed}.cpp-response-form-title{margin:0 0 1rem;color:#2c3e50;text-align:center}.cpp-response-form-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.cpp-response-form-btn{padding:.4rem .9rem;border-radius:999px;cursor:pointer;font-size:.85rem;transition:all .2s;border:1px solid #d0d7de;background:#f8f9fa}.cpp-response-form-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.cpp-response-form-btn-approved{border-color:#27ae60;background:#e8f6f0;color:#27ae60}.cpp-response-form-btn-approved.active{border-color:#27ae60;background:#27ae60;color:#fff}.cpp-response-form-btn-rejected{border-color:#e74c3c;background:#fdecea;color:#e74c3c}.cpp-response-form-btn-rejected.active{border-color:#e74c3c;background:#e74c3c;color:#fff}.cpp-response-form-btn-pending{border-color:#f39c12;background:#fef5e7;color:#f39c12}.cpp-response-form-btn-pending.active{border-color:#f39c12;background:#f39c12;color:#fff}.cpp-response-form-textarea{width:100%;padding:.75rem;border-radius:8px;border:1px solid #d0d7de;resize:vertical;font-family:inherit;font-size:.95rem;line-height:1.5;margin-bottom:1rem}.cpp-response-form-textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.cpp-response-form-submit{display:flex;justify-content:flex-end}.cpp-response-form-submit-btn{background:#3498db;color:#fff;border:none;padding:.6rem 1.6rem;border-radius:999px;cursor:pointer;font-size:.95rem;transition:all .2s}.cpp-response-form-submit-btn:hover:not(:disabled){background:#2980b9;transform:translateY(-1px);box-shadow:0 4px 8px #3498db4d}.cpp-response-form-submit-btn:disabled{opacity:.7;cursor:default}@media (max-width: 768px){.cpp-response-form{padding:1.25rem}.cpp-response-form-title{font-size:1.125rem}.cpp-response-form-buttons{flex-direction:column}.cpp-response-form-btn{width:100%;justify-content:center}.cpp-response-form-submit{justify-content:stretch}.cpp-response-form-submit-btn{width:100%}}@media (max-width: 480px){.cpp-response-form{padding:1rem}.cpp-response-form-title{font-size:1rem}.cpp-response-form-textarea{font-size:.875rem;padding:.625rem}.cpp-response-form-submit-btn{padding:.5rem 1.25rem;font-size:.875rem}}.cpp-modal-content{max-width:900px;max-height:90vh;overflow:auto;position:relative}.cpp-modal-close-btn{background:none;border:none;font-size:1.1rem;cursor:pointer;color:#666;padding:.5rem;border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;position:absolute;right:1rem;top:1rem;z-index:10;transition:background-color .2s}.cpp-modal-close-btn:hover{background:#f5f5f5}.cpp-modal-header{margin-bottom:1.5rem;padding:.5rem 2rem 0;text-align:center}.cpp-modal-prefix{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:.6rem 1.2rem;border-radius:8px;font-size:1rem;font-weight:700;letter-spacing:1px;display:inline-block;margin-bottom:1rem;box-shadow:0 4px 8px #667eea66;text-transform:uppercase}.cpp-modal-title{margin:0 0 .5rem;color:#2c3e50;text-align:center;font-size:1.6rem}.cpp-modal-subtitle{color:#7f8c8d;margin:0;font-size:.9rem;text-align:center}.cpp-modal-controls{background:#f8f9fa;padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.cpp-modal-control-btn{border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s}.cpp-modal-control-btn:disabled{opacity:.7;cursor:not-allowed}.cpp-modal-control-btn-pending{background:#f39c12;color:#fff}.cpp-modal-control-btn-approved{background:#27ae60;color:#fff}.cpp-modal-control-btn-rejected{background:#e74c3c;color:#fff}.cpp-modal-control-btn-default{background:#ecf0f1;color:#2c3e50}.cpp-modal-control-btn-pinned{background:#e67e22;color:#fff}.cpp-modal-control-btn-closed{background:#95a5a6;color:#fff}.cpp-modal-control-btn-delete{background:#e74c3c;color:#fff}.cpp-modal-content-wrapper{padding:0 1rem}.cpp-modal-section{background:#f8f9fa;padding:1.5rem;border-radius:10px;margin-bottom:2rem;border-left:4px solid #3498db}.cpp-modal-section-center{text-align:center;margin-bottom:1rem}.cpp-modal-section-center h4{margin:0 0 .5rem;color:#2c3e50}.cpp-modal-section-center p{margin:0;color:#7f8c8d}.cpp-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cpp-modal-statement{background:#f8f9fa;padding:1.5rem;border-radius:10px;margin-bottom:2rem}.cpp-modal-statement-title{text-align:center;margin-bottom:1rem;color:#2c3e50}.cpp-modal-statement-content{background:white;padding:1rem;border-radius:8px;border:1px solid #e1e8ed}.cpp-modal-statement-content p{margin:0;line-height:1.6}.cpp-modal-section-title{text-align:center;margin-bottom:1rem;color:#2c3e50;border-bottom:2px solid #3498db;padding-bottom:.5rem}.cpp-modal-data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;background:#f8f9fa;padding:1.5rem;border-radius:8px}.cpp-modal-education-section{background:#f8f9fa;padding:1rem;border-radius:8px;margin-top:1rem}.cpp-modal-education-content{white-space:pre-wrap;background:white;padding:1rem;border-radius:6px;margin-top:.5rem}.cpp-modal-replies-title{margin-bottom:1rem;color:#2c3e50;border-bottom:2px solid #3498db;padding-bottom:.5rem}.cpp-modal-replies-list{display:flex;flex-direction:column;gap:1rem}.cpp-modal-replies-empty{text-align:center;padding:2rem;background:#f8f9fa;border-radius:8px;color:#7f8c8d}.cpp-modal-reply-form{background:#f0f8f0;padding:1.5rem;border-radius:10px;border:1px solid #27ae60}.cpp-modal-reply-form-leadership{background:#e8f4fd;border:1px solid #3498db}.cpp-modal-reply-form-title{margin:0 0 1rem;color:#2c3e50}.cpp-modal-reply-textarea{width:100%;padding:.75rem;border:1px solid #bdc3c7;border-radius:6px;resize:vertical;margin-bottom:1rem;font-family:inherit;font-size:.95rem}.cpp-modal-reply-submit-btn{background:#27ae60;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;transition:all .2s}.cpp-modal-reply-submit-btn-leadership{background:#3498db}.cpp-modal-reply-submit-btn:hover{opacity:.9;transform:translateY(-1px)}.cpp-modal-reply-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.cpp-modal-closed-notice{background:#fef5e7;padding:1rem;border-radius:8px;text-align:center;border:1px solid #f39c12;margin-bottom:1rem}.cpp-modal-footer{margin-top:2rem;text-align:center;padding-top:1rem;border-top:1px solid #ecf0f1}.cpp-modal-footer-btn{background:#3498db;color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;cursor:pointer;transition:all .2s}.cpp-modal-footer-btn:hover{background:#2980b9;transform:translateY(-1px)}@media (max-width: 768px){.cpp-modal-grid{grid-template-columns:1fr;gap:.75rem}.cpp-modal-content{max-width:95%;padding:1rem;max-height:95vh}.cpp-modal-header{padding:.5rem 1rem 0}.cpp-modal-title{font-size:1.25rem}.cpp-modal-prefix{font-size:.875rem;padding:.5rem 1rem}.cpp-modal-controls{flex-direction:column}.cpp-modal-control-btn{width:100%}.cpp-modal-data-grid{grid-template-columns:1fr;padding:1rem}.cpp-modal-section,.cpp-modal-reply-form{padding:1rem}}@media (max-width: 480px){.cpp-modal-content{max-width:100%;padding:.75rem;margin:.5rem}.cpp-modal-header{padding:.5rem .75rem 0}.cpp-modal-title{font-size:1.125rem}.cpp-modal-subtitle{font-size:.8125rem}.cpp-modal-close-btn{right:.5rem;top:.5rem;width:28px;height:28px}.cpp-modal-section{padding:.875rem}.cpp-modal-data-grid{padding:.875rem;gap:.75rem}.cpp-modal-reply-textarea{font-size:.875rem}}.cpp-form-modal-content{max-width:800px;max-height:90vh;overflow:auto;position:relative}.cpp-form-close-btn{background:none;border:none;font-size:1.1rem;cursor:pointer;color:#666;padding:.5rem;border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;position:absolute;right:1rem;top:1rem;z-index:10;transition:background-color .2s}.cpp-form-close-btn:hover{background:#f5f5f5}.cpp-form-header{margin-bottom:1.5rem;padding-top:.5rem}.cpp-form-title{margin:0;text-align:center}.cpp-form-section{background:#f8f9fa;padding:1.5rem;border-radius:10px;margin-bottom:2rem}.cpp-form-section-header{background:#f8f9fa;padding:1.5rem;border-radius:10px;margin-bottom:2rem;border-left:4px solid #3498db}.cpp-form-section-header-content{text-align:center;margin-bottom:1rem}.cpp-form-section-header h4{margin:0 0 .5rem;color:#2c3e50}.cpp-form-section-header p{margin:0;color:#7f8c8d}.cpp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cpp-form-statement{background:#f8f9fa;padding:1.5rem;border-radius:10px;margin-bottom:2rem}.cpp-form-statement-title{text-align:center;margin-bottom:1rem;color:#2c3e50}.cpp-form-statement-content{background:white;padding:1rem;border-radius:8px;border:1px solid #e1e8ed;margin-bottom:1rem}.cpp-form-statement-content p{margin:0;line-height:1.6}.cpp-form-statement-ic{text-align:center;color:#7f8c8d;font-size:.9rem}.cpp-form-section-title{text-align:center;margin-bottom:1rem;color:#2c3e50;border-bottom:2px solid #3498db;padding-bottom:.5rem}.cpp-form-readonly-input{background:#f8f9fa;color:#6c757d}.cpp-form-hint{color:#6c757d;font-size:.8rem}@media (max-width: 768px){.cpp-form-grid{grid-template-columns:1fr;gap:.75rem}.cpp-form-modal-content{max-width:95%;padding:1rem;max-height:95vh}.cpp-form-header{padding-top:.5rem}.cpp-form-title{font-size:1.25rem}.cpp-form-section,.cpp-form-section-header,.cpp-form-statement{padding:1rem}.cpp-form-close-btn{right:.5rem;top:.5rem}}@media (max-width: 480px){.cpp-form-modal-content{max-width:100%;padding:.75rem;margin:.5rem}.cpp-form-title{font-size:1.125rem}.cpp-form-section,.cpp-form-section-header,.cpp-form-statement{padding:.875rem}.cpp-form-close-btn{width:28px;height:28px}}.cpp-applications{max-width:1200px;margin:0 auto;padding:20px}.applications-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:16px}.applications-loading .loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.applications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.applications-header h1{margin:0;color:#111827;font-size:1.875rem;font-weight:700}.add-application-btn{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.add-application-btn:hover{background:#5a6fd8}.cpp-applications-disabled-notice{display:flex;align-items:center;gap:20px;padding:24px;background:linear-gradient(135deg,#fff3cd 0%,#ffe69c 100%);border-left:4px solid #ffc107;border-radius:8px;margin-bottom:24px;box-shadow:0 2px 8px #ffc10733;animation:slideInDown .3s ease-out}.notice-icon{font-size:3rem;flex-shrink:0}.notice-content{flex:1}.notice-content h3{margin:0 0 8px;color:#856404;font-size:1.25rem;font-weight:700}.notice-content p{margin:0;color:#856404;font-size:.95rem;line-height:1.6}.application-form-modal,.response-form-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.application-form-container,.response-form-container{background:white;border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;animation:slideInUp .3s ease-out}.application-form-header,.response-form-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.application-form-header h2,.response-form-header h2{margin:0;color:#111827;font-size:1.25rem;font-weight:600}.application-form,.response-form{padding:24px;display:flex;flex-direction:column;gap:20px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.application-preview{background:#f8f9fa;padding:16px;border-radius:8px;margin:0 24px;border-left:4px solid #667eea}.application-preview h4{margin:0 0 12px;color:#111827}.application-preview p{margin:4px 0;color:#6b7280;font-size:.875rem}.applications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.no-applications{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#6b7280;font-size:1.125rem}.no-applications-hint{margin-top:1rem;font-size:.9rem;color:#9ca3af;font-style:italic}.application-card{background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideInUp .3s ease-out}.application-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.application-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.application-type{display:flex;align-items:center;gap:8px}.type-icon{font-size:1.25rem}.type-label{font-weight:500;color:#374151;font-size:.875rem}.application-meta{display:flex;gap:8px}.priority-badge,.status-badge{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;color:#fff}.application-subject{margin:0 0 12px;color:#111827;font-size:1.125rem;font-weight:600;line-height:1.4}.application-description{color:#6b7280;line-height:1.6;margin-bottom:16px}.application-details{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.detail-item{font-size:.875rem;color:#6b7280}.detail-item strong{color:#374151}.responses-section{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.responses-section h4{margin:0 0 12px;color:#111827;font-size:.875rem;font-weight:600}.response-item{background:#f8f9fa;padding:12px;border-radius:6px;margin-bottom:8px}.response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.responder{font-weight:500;color:#111827;font-size:.75rem}.response-date{color:#9ca3af;font-size:.75rem}.response-text{margin:0;color:#6b7280;font-size:.875rem;line-height:1.4}.application-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.respond-btn{padding:6px 12px;background:#667eea;color:#fff;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s}.respond-btn:hover{background:#5a6fd8}.delete-btn{padding:6px 12px;background:#ef4444;color:#fff;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s}.delete-btn:hover{background:#dc2626}@media (max-width: 768px){.cpp-applications{padding:16px}.applications-header{flex-direction:column;gap:16px;align-items:stretch}.applications-header h1{font-size:1.5rem}.applications-grid{grid-template-columns:1fr}.application-form-container,.response-form-container{margin:20px}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:12px}.form-actions button{width:100%}}@media (max-width: 480px){.cpp-applications{padding:12px}.applications-header h1{font-size:1.25rem}.add-application-btn{padding:8px 16px;font-size:.875rem;width:100%}.application-card{padding:1rem}.application-form-container,.response-form-container{margin:12px;padding:1.5rem}.form-group input,.form-group textarea,.form-group select{padding:.75rem;font-size:.9375rem}}.application-header{flex-direction:column;gap:12px}.application-meta{align-self:flex-start}} @keyframes spin{0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}.notifications-page{padding:24px;max-width:1200px;margin:0 auto;min-height:calc(100vh - 80px)}.notifications-page-header{margin-bottom:32px}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.notifications-page-header h1{margin:0;font-size:2rem;font-weight:700;color:#1a202c;display:flex;align-items:center;gap:12px}.header-icon{font-size:2rem}.header-stats{display:flex;gap:24px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f7fafc;border-radius:8px;font-size:.875rem}.stat-item.unread{background:#fef3c7;color:#92400e}.stat-label{color:#6b7280;font-weight:500}.stat-value{font-weight:700;color:#1a202c}.stat-item.unread .stat-value{color:#92400e}.notifications-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px;padding:16px;background:#ffffff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.filter-tab{padding:10px 20px;border:2px solid #e5e7eb;background:#ffffff;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;color:#6b7280;transition:all .2s ease}.filter-tab:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.filter-tab.active{border-color:#3b82f6;background:#3b82f6;color:#fff}.actions-buttons{display:flex;gap:12px;flex-wrap:wrap}.action-btn{padding:10px 20px;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.mark-all-read-btn{background:#10b981;color:#fff}.mark-all-read-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 6px #10b9814d}.delete-selected-btn{background:#ef4444;color:#fff}.delete-selected-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 6px #ef44444d}.notifications-content{background:#ffffff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.select-all-container{padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.select-all-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.875rem;font-weight:500;color:#6b7280;-webkit-user-select:none;user-select:none}.select-all-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.notifications-list{display:flex;flex-direction:column}.notification-card{display:flex;align-items:flex-start;gap:16px;padding:20px;border-bottom:1px solid #e5e7eb;transition:all .2s ease;cursor:pointer;position:relative}.notification-card:last-child{border-bottom:none}.notification-card:hover{background:#f9fafb}.notification-card.unread{background:#eff6ff;border-left:4px solid #3b82f6}.notification-card.unread:hover{background:#dbeafe}.notification-card.selected{background:#fef3c7}.notification-checkbox{padding-top:4px}.notification-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.notification-main{flex:1;display:flex;gap:16px;align-items:flex-start}.notification-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.notification-title{margin:0;font-size:1.125rem;font-weight:600;color:#1a202c;flex:1}.unread-badge{padding:4px 10px;background:#3b82f6;color:#fff;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.notification-message{margin:0 0 12px;color:#4b5563;font-size:.9375rem;line-height:1.5}.notification-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.notification-time{font-size:.8125rem;color:#9ca3af}.notification-link{font-size:.8125rem;color:#3b82f6;font-weight:500;display:flex;align-items:center;gap:4px}.notification-delete-btn{width:32px;height:32px;border:none;background:transparent;color:#9ca3af;font-size:1.5rem;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;padding:0;line-height:1}.notification-delete-btn:hover{background:#fee2e2;color:#ef4444}.notifications-loading,.notifications-empty{padding:60px 20px;text-align:center}.notifications-loading .loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.notifications-loading p{color:#6b7280;font-size:.9375rem}.notifications-empty .empty-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.notifications-empty h3{margin:0 0 8px;font-size:1.5rem;color:#1a202c}.notifications-empty p{margin:0;color:#6b7280;font-size:1rem}.notifications-access-denied{padding:60px 20px;text-align:center}.notifications-access-denied h2{margin:0 0 12px;font-size:1.5rem;color:#1a202c}.notifications-access-denied p{margin:0;color:#6b7280;font-size:1rem}@media (max-width: 768px){.notifications-page{padding:16px}.notifications-page-header h1{font-size:1.5rem}.header-content{flex-direction:column;align-items:flex-start}.header-stats{width:100%;justify-content:space-between}.stat-item{flex:1;justify-content:center}.notifications-controls{flex-direction:column;align-items:stretch}.filter-tabs{width:100%;justify-content:stretch}.filter-tab{flex:1;text-align:center;padding:12px 8px;font-size:.8125rem}.actions-buttons{width:100%;flex-direction:column}.action-btn{width:100%;justify-content:center}.notification-card{padding:16px;gap:12px}.notification-main{gap:12px}.notification-icon{width:40px;height:40px;font-size:1.25rem}.notification-title{font-size:1rem}.notification-message{font-size:.875rem}.notification-footer{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.notifications-page{padding:12px}.notifications-page-header h1{font-size:1.25rem}.header-icon{font-size:1.5rem}.stat-item{font-size:.8125rem;padding:6px 12px}.filter-tab{font-size:.75rem;padding:10px 6px}.notification-card{padding:12px}.notification-checkbox{padding-top:2px}.notification-checkbox input[type=checkbox]{width:16px;height:16px}.notification-icon{width:36px;height:36px;font-size:1.125rem}.notification-title{font-size:.9375rem}.notification-message{font-size:.8125rem}.notification-delete-btn{width:28px;height:28px;font-size:1.25rem}}.not-found{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:40px 20px;text-align:center;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%)}.not-found-content{background:white;padding:60px 40px;border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:600px;width:100%}.not-found-icon{font-size:8rem;font-weight:900;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;line-height:1}.not-found h1{font-size:2.5rem;color:#111827;margin-bottom:16px;font-weight:700}.not-found p{font-size:1.125rem;color:#6b7280;margin-bottom:32px;line-height:1.6}.not-found-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.home-btn{padding:14px 28px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:1rem;transition:all .3s;box-shadow:0 4px 12px #667eea4d;display:inline-flex;align-items:center;gap:8px}.home-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.back-btn{padding:14px 28px;background:white;color:#374151;border:2px solid #d1d5db;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s;display:inline-flex;align-items:center;gap:8px}.back-btn:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-2px)}@media (max-width: 768px){.not-found-content{padding:40px 24px}.not-found-icon{font-size:6rem}.not-found h1{font-size:2rem}.not-found p{font-size:1rem}.not-found-actions{flex-direction:column}.home-btn,.back-btn{width:100%;justify-content:center}}.sidebar{width:280px;height:100vh;background:#2c3e50;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow-x:hidden;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column}.sidebar.collapsed{width:60px}.sidebar-toggle{position:absolute;top:15px;right:15px;background:#ffffff1a;border:none;color:#fff;padding:8px 10px;border-radius:6px;cursor:pointer;transition:all .3s ease;z-index:1000;font-size:14px}.sidebar-toggle:hover{background:#fff3;transform:scale(1.1)}.sidebar-nav{list-style:none;padding:70px 0 0;margin:0;flex:1}.sidebar-nav li{margin:0}.sidebar-nav button{width:100%;padding:14px 20px;background:none;border:none;color:#fff;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;white-space:nowrap;overflow:hidden;font-size:14px;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar.collapsed .sidebar-nav button{padding:14px;justify-content:center;font-size:16px}.sidebar-nav button:hover{background:#ffffff1a;padding-left:25px}.sidebar.collapsed .sidebar-nav button:hover{padding-left:14px;background:#ffffff26}.sidebar-nav button.active{background:#3498db;border-right:4px solid #2980b9;color:#fff}.user-role-info{padding:15px 20px;background:#0003;margin-top:50px;text-align:center;transition:all .3s ease;font-size:12px;font-weight:700}.user-role-info.admin{background:#e74c3c33;color:#e74c3c}.user-role-info.management{background:#f1c40f33;color:#f1c40f}.user-role-info.inspector{background:#3498db33;color:#3498db}.user-role-info.user{background:#2ecc7133;color:#2ecc71}.sidebar.collapsed .user-role-info{padding:8px 5px;font-size:10px;margin-top:50px}.permissions-info{padding:15px;background:#0000001a;border-top:1px solid rgba(255,255,255,.1);transition:all .3s ease}.permissions-info h4{margin:0 0 10px;font-size:12px;color:#bdc3c7}.permissions-info ul{list-style:none;padding:0;margin:0;font-size:11px}.permissions-info li{padding:2px 0;color:#ecf0f1}.cpp-access-info{margin-top:10px;padding:8px;background:#3498db1a;border-radius:4px;font-size:10px;color:#3498db}.cpp-access-info strong{display:block;margin-bottom:4px}.sidebar.collapsed .permissions-info{opacity:0;height:0;padding:0;margin:0;overflow:hidden}.sidebar-nav button,.user-role-info,.permissions-info{transition:all .3s ease}.tabs{display:flex;margin-bottom:1.5rem;border-bottom:1px solid #e0e0e0;padding-bottom:.5rem}.tab{background:none;border:none;padding:.5rem 1rem;margin-right:.5rem;cursor:pointer;font-size:1rem;color:#666;border-radius:4px 4px 0 0;transition:all .2s ease;border-bottom:2px solid transparent}.tab:hover{background-color:#f5f5f5;color:#333}.tab.active{color:#1a73e8;border-bottom:2px solid #1a73e8;font-weight:500}.btn-view-photo{background-color:#e3f2fd;color:#1565c0;border:1px solid #bbdefb;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.btn-view-photo:hover{background-color:#bbdefb}.btn-restore{background-color:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.btn-restore:hover{background-color:#c8e6c9}.table-container{overflow-x:auto;overflow-y:visible;margin-top:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;-webkit-overflow-scrolling:touch;max-height:none;width:100%;position:relative;display:block;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.table-container::-webkit-scrollbar{width:8px;height:8px}.table-container::-webkit-scrollbar-track{background:#f7fafc;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#a0aec0}table{width:100%;border-collapse:collapse}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #f0f0f0}th{background-color:#f8f9fa;font-weight:600;color:#444;font-size:.9rem;white-space:nowrap}tr:hover{background-color:#f8f9fa}.no-data{text-align:center;padding:2rem;color:#666;font-style:italic}.loading{text-align:center;padding:2rem;color:#666}@media (max-width: 768px){th,td{padding:.5rem;font-size:.9rem}.tab{padding:.4rem .7rem;font-size:.9rem}.btn-view-photo,.btn-restore{padding:.2rem .5rem;font-size:.8rem}}@media (max-width: 480px){.modal-content{width:95%;padding:1rem}.tabs{overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.tab{white-space:nowrap}}.admin-panel{display:flex;flex-direction:column;gap:1.5rem}.admin-panel__header{display:flex;justify-content:space-between;gap:2rem;padding:2rem;border-radius:20px;background:linear-gradient(135deg,#1e3c72e6,#2a5298e6);color:#fff;box-shadow:0 20px 40px #1e3c7233}.admin-panel__subtitle{text-transform:uppercase;letter-spacing:2px;font-size:.85rem;opacity:.8;margin-bottom:.5rem}.admin-panel__welcome{margin-top:.5rem;opacity:.9;max-width:520px}.admin-panel__header-actions{display:flex;flex-direction:column;gap:.75rem;min-width:220px}.admin-panel__header-actions button{width:100%}.admin-panel__error{padding:1rem 1.5rem;border-radius:12px;background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);color:#c0392b}.admin-panel__stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.admin-panel__stat-card{border-radius:16px;padding:1.25rem;color:#fff;display:flex;flex-direction:column;gap:.35rem;box-shadow:0 10px 25px #0000001a}.admin-panel__stat-icon{font-size:1.5rem;opacity:.9}.admin-panel__stat-card .admin-panel__stat-value{font-size:2rem;font-weight:700}.admin-panel__stat-card .admin-panel__stat-sub{font-size:.85rem;opacity:.9}.admin-panel__stat-card.purple{background:linear-gradient(135deg,#8e44ad,#c0392b)}.admin-panel__stat-card.blue{background:linear-gradient(135deg,#2980b9,#2ecc71)}.admin-panel__stat-card.indigo{background:linear-gradient(135deg,#2c3e50,#4ca1af)}.admin-panel__stat-card.orange{background:linear-gradient(135deg,#e67e22,#f1c40f)}.admin-panel__stat-card.teal{background:linear-gradient(135deg,#1abc9c,#16a085)}.admin-panel__stat-card.red{background:linear-gradient(135deg,#e74c3c,#c0392b)}.admin-panel__search-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.admin-panel__search-row input{flex:1;padding:.85rem 1.2rem;border-radius:12px;border:1px solid var(--gray);font-size:1rem}.admin-panel__timestamp{font-size:.9rem;color:var(--dark-gray)}.admin-panel__workspace{display:flex;gap:1.5rem}.admin-panel__workspace-main{flex:3}.admin-panel__workspace-aside{flex:1;display:flex;flex-direction:column;gap:1rem}.admin-panel__aside-card{background:var(--light-gray);border-radius:16px;padding:1.25rem;border:1px solid var(--gray)}.admin-panel__aside-card h3{margin-bottom:.75rem;color:var(--dark-blue)}.admin-panel__aside-card ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.admin-panel__aside-card button{width:100%;text-align:left;padding:.85rem 1rem;border-radius:10px}.admin-panel__aside-card button span{display:block;font-size:.85rem;color:var(--dark-gray);font-weight:400}.admin-panel__aside-card.muted{background:#fff}.admin-panel__catalog{display:flex;flex-direction:column;gap:1rem}.admin-panel__catalog-card{display:flex;gap:1rem;padding:1.25rem;border-radius:16px;border:1px solid var(--gray);background:#fff;box-shadow:0 10px 20px #0000000a;align-items:center}.admin-panel__catalog-icon{font-size:2.5rem}.admin-panel__catalog-body{flex:1}.admin-panel__catalog-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:var(--dark-blue)}.admin-panel__tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.admin-panel__tags span{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;padding:.2rem .6rem;border-radius:999px;background:var(--light-gray);color:var(--dark-blue)}.admin-panel__catalog-actions{display:flex;flex-direction:column;gap:.5rem}.admin-panel__catalog-actions button{width:220px}.admin-panel .ghost{background:transparent;color:var(--dark-blue);border:1px solid var(--gray);box-shadow:none}.admin-panel .ghost:hover{background:var(--light-gray);transform:none}.admin-panel__module{background:#fff;border-radius:18px;border:1px solid var(--gray);box-shadow:0 10px 30px #00000014;padding:1.5rem}.admin-panel__module-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;border-bottom:1px solid var(--gray);padding-bottom:1rem;margin-bottom:1.5rem}.admin-panel__module-body{max-height:75vh;overflow:auto}.admin-panel__empty{padding:2rem;text-align:center;border:2px dashed var(--gray);border-radius:16px;color:var(--dark-gray)}@media (max-width: 1100px){.admin-panel__workspace{flex-direction:column}.admin-panel__catalog-card{flex-direction:column;align-items:flex-start}.admin-panel__catalog-actions,.admin-panel__catalog-actions button{width:100%}}@media (max-width: 768px){.admin-panel__header,.admin-panel__workspace-aside{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #1e3c72;--secondary-blue: #2a5298;--dark-blue: #0d1b3a;--light-blue: #3498db;--admin-purple: #8e44ad;--management-gold: #f39c12;--inspector-green: #27ae60;--user-gray: #7f8c8d;--white: #ffffff;--light-gray: #f8f9fa;--gray: #e9ecef;--dark-gray: #6c757d;--success: #27ae60;--danger: #e74c3c;--warning: #f39c12 }html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;box-sizing:border-box}*{box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);color:#333;min-height:100vh;overflow-x:hidden;position:relative;width:100%;max-width:100%}.app{min-height:100vh;display:flex;flex-direction:column;width:100%;transition:all .3s ease}.header{background:var(--dark-blue);color:var(--white);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000004d;position:sticky;top:0;z-index:1000;width:100%}.header h1{font-size:1.5rem;font-weight:600}.user-info{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.user-info span{background:#ffffff1a;padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.logout-btn{background:var(--danger);color:var(--white);border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .3s}.logout-btn:hover{background:#c0392b}.sidebar-nav{list-style:none;margin-bottom:2rem}.sidebar-nav li{margin-bottom:.5rem}.sidebar-nav button{width:100%;text-align:left;background:none;border:none;color:var(--white);padding:1rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s;font-size:1rem;display:flex;align-items:center}.sidebar-nav button:hover{background:#ffffff1a;transform:translate(5px)}.sidebar-nav button.active{background:var(--light-blue);box-shadow:0 4px 15px #3498db4d}.user-role-info{background:#ffffff1a;padding:.75rem 1rem;border-radius:10px;margin-bottom:1.5rem;text-align:center;font-weight:600;font-size:.9rem;border:1px solid rgba(255,255,255,.2)}.user-role-info.admin{background:#8e44ad33;border-color:var(--admin-purple);color:#e8d4f2}.user-role-info.management{background:#f39c1233;border-color:var(--management-gold);color:#fdebd0}.user-role-info.inspector{background:#27ae6033;border-color:var(--inspector-green);color:#d5f4e1}.user-role-info.user{background:#7f8c8d33;border-color:var(--user-gray);color:#e5e8e8}.permissions-info{background:#ffffff0d;padding:1rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);margin-top:2rem}.permissions-info h4{color:var(--light-blue);margin-bottom:.75rem;font-size:.9rem;text-align:center}.permissions-info ul{list-style:none;font-size:.8rem}.permissions-info li{padding:.25rem 0;color:#fffc;display:flex;align-items:center;gap:.5rem}.permissions-info li:before{content:"✓";color:var(--success);font-weight:700}.content{flex:1;padding:2rem;background:#f4f6fb;color:var(--dark-blue);overflow-y:auto;width:100%}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);padding:2rem;position:relative}.login-form{background:var(--white);padding:3rem;border-radius:20px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:450px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0 auto;position:relative;left:0;right:0}.login-form h2{text-align:center;margin-bottom:2rem;color:var(--dark-blue);font-size:2rem;font-weight:700}.login-form h3{text-align:center;margin-bottom:1.5rem;color:var(--dark-blue)}.form-group{margin-bottom:1.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:1rem;border:2px solid var(--gray);border-radius:10px;font-size:1rem;transition:border-color .3s;background:var(--white);color:#000}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--light-blue);box-shadow:0 0 0 3px #3498db1a}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--dark-gray)}button{background:var(--light-blue);color:var(--white);border:none;padding:1rem 2rem;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s;width:100%}button:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 8px 20px #3498db4d}.btn-primary{background:var(--success)}.btn-primary:hover{background:#219a52}.create-account-btn{background:transparent;color:var(--light-blue);border:2px solid var(--light-blue);margin-top:1rem}.create-account-btn:hover{background:var(--light-blue);color:var(--white)}.test-accounts{margin-top:2rem;padding:1.5rem;background:var(--light-gray);border-radius:10px;font-size:.9rem;border-left:4px solid var(--light-blue)}.test-accounts p{margin:.5rem 0;color:var(--dark-gray)}.test-accounts p:first-child{font-weight:600;color:var(--dark-blue)}.form-actions{display:flex;gap:1rem;margin-top:2rem}.form-actions button{width:100%}.section{margin-bottom:2rem;background:var(--white);border-radius:20px;padding:2rem;box-shadow:0 20px 45px #0d1b3a0d;border:1px solid var(--gray);color:var(--dark-blue)}.section:last-child{margin-bottom:0}.section p{color:var(--dark-gray);line-height:1.5}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--gray)}.section-header p{margin:0;color:var(--dark-gray)}.section-header h2{color:var(--dark-blue);font-size:2rem;font-weight:700}.tables-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.unit-table{background:var(--light-gray);padding:1.5rem;border-radius:15px;box-shadow:0 5px 15px #00000014}.unit-table h3{margin-bottom:1.5rem;color:var(--dark-blue);border-bottom:3px solid var(--light-blue);padding-bottom:.5rem;font-size:1.3rem}.table-container{overflow-x:auto;margin-top:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}table{width:100%;border-collapse:collapse;background:var(--white);border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #00000014}th,td{padding:1rem;text-align:left;border-bottom:1px solid var(--gray)}th{background:var(--dark-blue);color:var(--white);font-weight:600;font-size:.9rem}tr:hover{background:var(--light-gray)}tr.expired{opacity:.7;background-color:#fff8f8}tr.expired:hover{background-color:#fff0f0}.car-info{white-space:nowrap}.license-plate{font-family:monospace;font-size:1.05em;letter-spacing:.5px;background-color:#f5f5f5;padding:.1rem .4rem;border-radius:3px;border:1px solid #e0e0e0}.article{font-size:.9em;color:#333}.btn-edit{background:#3498db;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;margin-right:8px;color:#fff;transition:all .2s;width:auto;font-size:.875rem;display:inline-flex;align-items:center;gap:4px}.btn-edit:hover{background:#2980b9;transform:translateY(-1px)}.btn-delete{background:#e74c3c;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;color:#fff;transition:all .2s;width:auto;font-size:.875rem;display:inline-flex;align-items:center;gap:4px}.btn-delete:hover{background:#c0392b;transform:translateY(-1px)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;max-width:90%;max-height:90vh;overflow:auto;padding:1.5rem;position:relative}.search-container{margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #eee}.news-list{display:flex;flex-direction:column;gap:2rem}.news-item{background:var(--light-gray);padding:2rem;border-radius:15px;border-left:5px solid var(--light-blue);box-shadow:0 5px 15px #00000014;transition:transform .3s}.news-item:hover{transform:translateY(-5px)}.news-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.news-item h3{color:var(--dark-blue);margin-bottom:.5rem;flex:1;margin-right:1rem}.news-meta{color:var(--dark-gray);font-size:.9rem;margin-bottom:1rem;font-style:italic}.access-denied{text-align:center;padding:3rem;background:var(--light-gray);border-radius:15px;border-left:5px solid var(--danger);box-shadow:0 5px 15px #00000014}.access-denied h3{color:var(--danger);margin-bottom:1rem;font-size:1.5rem}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500}.status-badge.active{background-color:#e8f5e9;color:#2e7d32}.status-badge.expired{background-color:#ffebee;color:#c62828}.error{color:var(--danger);background:#fadbd8;padding:1rem;border-radius:10px;margin-bottom:1rem;border-left:4px solid var(--danger);font-weight:600}.badge{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;display:inline-block}.badge-admin{background:var(--admin-purple);color:#fff}.badge-management{background:var(--management-gold);color:#fff}.badge-inspector{background:var(--inspector-green);color:#fff}.badge-user{background:var(--user-gray);color:#fff}.user-stats{margin-top:2rem}.stat-card{background:var(--light-gray);padding:1.5rem;border-radius:10px;border-left:4px solid var(--light-blue)}.stat-card h3{margin-bottom:1rem;color:var(--dark-blue)}.role-select{padding:.5rem;border:1px solid var(--gray);border-radius:4px;background:var(--white);color:#000}.role-select:disabled{background:var(--light-gray);color:var(--dark-gray)}.admin-panel{background:linear-gradient(135deg,#8e44ad,#9b59b6);color:#fff;padding:2rem;border-radius:15px;margin-bottom:2rem;box-shadow:0 10px 30px #8e44ad4d}.admin-panel h3{margin-bottom:1.5rem;font-size:1.5rem}.admin-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-card{background:#ffffff1a;padding:1.5rem;border-radius:10px;text-decoration:none;color:#fff;transition:all .3s;border:1px solid rgba(255,255,255,.2)}.feature-card:hover{background:#fff3;transform:translateY(-5px);box-shadow:0 10px 25px #0003}.feature-card h4{margin-bottom:.5rem;font-size:1.1rem}.feature-card p{opacity:.9;font-size:.9rem}.edit-input{width:100%;padding:.5rem;border:1px solid var(--gray);border-radius:4px;font-size:.9rem}.edit-actions{display:flex;gap:.5rem}.btn-save{background:var(--success)!important;padding:.5rem 1rem!important;width:auto!important;border:none!important;border-radius:4px!important;cursor:pointer!important;color:#fff!important}.btn-cancel{background:var(--danger)!important;padding:.5rem 1rem!important;width:auto!important;border:none!important;border-radius:4px!important;cursor:pointer!important;color:#fff!important}.admin-info{background:var(--light-gray);padding:1.5rem;border-radius:10px;margin-top:2rem;border-left:4px solid var(--admin-purple)}.admin-info h3{color:var(--admin-purple);margin-bottom:1rem}.admin-info ul{list-style:none}.admin-info li{padding:.5rem 0;border-bottom:1px solid var(--gray);display:flex;align-items:center;gap:.5rem}.admin-info li:before{content:"🔧";font-size:.8rem}.leadership-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.leader-card{background:var(--white);border-radius:15px;box-shadow:0 5px 15px #00000014;overflow:hidden;transition:transform .3s,box-shadow .3s;border:1px solid var(--light-gray)}.leader-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.leader-photo{height:200px;background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));display:flex;align-items:center;justify-content:center;overflow:hidden}.leader-photo img{width:100%;height:100%;object-fit:cover}.leader-photo-placeholder{font-size:4rem;color:#fffc}.leader-info{padding:1.5rem;text-align:center}.leader-name{font-size:1.3rem;font-weight:700;color:var(--dark-blue);margin-bottom:.5rem}.leader-rank{font-size:1rem;color:var(--light-blue);font-weight:600;margin-bottom:.5rem}.leader-position{font-size:.9rem;color:var(--dark-gray);line-height:1.4;margin-bottom:1rem}.leader-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--light-gray)}.footer{background:linear-gradient(135deg,var(--dark-blue) 0%,#1a1a2e 100%);color:var(--white);padding:2rem 0 0;margin-top:auto;border-top:3px solid var(--light-blue)}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.footer-section h4{color:var(--light-blue);margin-bottom:1rem;font-size:1.1rem;border-bottom:2px solid rgba(52,152,219,.3);padding-bottom:.5rem}.footer-section p{margin-bottom:.5rem;line-height:1.5;font-size:.9rem;opacity:.9}.footer-links{display:flex;flex-direction:column;gap:.5rem}.footer-links a{color:var(--white);text-decoration:none;opacity:.8;transition:all .3s;font-size:.9rem}.footer-links a:hover{opacity:1;color:var(--light-blue);transform:translate(5px)}.disclaimer{background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:8px;padding:1rem;margin-top:.5rem}.disclaimer p{font-size:.8rem;line-height:1.4;margin-bottom:.75rem}.disclaimer strong{color:#e74c3c}.footer-bottom{background:#0000004d;margin-top:2rem;padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1)}.footer-copyright,.footer-legal{text-align:center;max-width:1200px;margin:0 auto}.footer-copyright p,.footer-legal p{margin:.25rem 0;font-size:.8rem;opacity:.7}.footer-legal{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.message{padding:1rem;border-radius:8px;margin-bottom:1rem;font-weight:600}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.loading{text-align:center;padding:2rem;color:var(--dark-gray);font-style:italic}.mt-2{margin-top:2rem}.mb-2{margin-bottom:2rem}.role-admin{color:var(--admin-purple)}.role-management{color:var(--management-gold)}.role-inspector{color:var(--inspector-green)}.role-user{color:var(--user-gray)}.table-container{background:var(--white);border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #00000014}.no-data{text-align:center;padding:3rem;color:var(--dark-gray);font-style:italic}.back-btn{background:var(--dark-gray);color:var(--white);border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;text-decoration:none;display:inline-block;transition:background-color .3s}.back-btn:hover{background:#5a6268}.file-input-container{margin-bottom:1rem}.file-input{display:none}.file-input-label{display:inline-block;background:var(--light-blue);color:var(--white);padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;transition:all .3s;text-align:center;width:100%}.file-input-label:hover{background:#2980b9}.file-hint{display:block;margin-top:.5rem;font-size:.8rem;color:var(--dark-gray)}.image-preview{margin-top:1rem;text-align:center}.image-preview img{max-width:100%;max-height:300px;border-radius:10px;box-shadow:0 5px 15px #0000001a;margin-bottom:1rem}.remove-image-btn{background:var(--danger)!important;color:var(--white)!important;border:none!important;padding:.5rem 1rem!important;border-radius:6px!important;cursor:pointer!important;font-size:.9rem!important;width:auto!important;display:inline-block!important}.remove-image-btn:hover{background:#c0392b!important;transform:none!important;box-shadow:none!important}.profile-container{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-top:1rem}.profile-card{background:var(--white);padding:2rem;border-radius:15px;box-shadow:0 5px 15px #00000014;border-left:5px solid var(--light-blue)}.profile-sidebar{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:var(--white);padding:1.5rem;border-radius:15px;box-shadow:0 5px 15px #00000014;border-left:5px solid var(--success)}.info-card h4{margin-bottom:1rem;color:var(--dark-blue);border-bottom:2px solid var(--light-gray);padding-bottom:.5rem}.profile-form{margin-top:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.stats{display:flex;flex-direction:column;gap:.75rem}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--light-gray)}.stat-label{color:var(--dark-gray);font-size:.9rem}.stat-value{font-weight:600;color:var(--dark-blue)}.quick-actions{display:flex;flex-direction:column;gap:.5rem}.btn-secondary{background:var(--light-gray);color:var(--dark-blue);border:2px solid var(--gray)}.btn-secondary:hover{background:var(--gray);border-color:var(--dark-gray)}.registration-info{margin-top:1.5rem;padding:1rem;background:var(--light-gray);border-radius:8px;border-left:4px solid var(--warning);font-size:.9rem}.registration-info p{margin:.5rem 0}@media (max-width: 1024px){.tables-container,.admin-features,.profile-container{grid-template-columns:1fr}}@media (max-width: 768px){.main-content{flex-direction:column}.sidebar{width:100%;padding:1rem}.sidebar-nav{display:flex;gap:.5rem;overflow-x:auto}.sidebar-nav li{margin-bottom:0;flex-shrink:0}.sidebar-nav button{padding:.75rem 1rem;white-space:nowrap}.content{padding:1rem}.section-header{flex-direction:column;gap:1rem;align-items:flex-start}.header{padding:1rem;flex-direction:column;gap:1rem}.user-info{justify-content:center;text-align:center}.login-form{padding:2rem;margin:0 auto;max-width:90%}.modal-content{padding:1.5rem;margin:1rem}table{display:block;overflow-x:auto;white-space:nowrap}.form-actions{flex-direction:column}.leadership-grid{grid-template-columns:1fr;gap:1rem}.leader-card{margin:0 auto;max-width:350px}.footer-content{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.footer-section{text-align:center}.footer-links{align-items:center}.footer-bottom{padding:1rem}.form-row{grid-template-columns:1fr}}@media (max-width: 480px){.login-form{padding:1.5rem;margin:0 auto;max-width:95%}.section-header h2{font-size:1.5rem}.news-header{flex-direction:column;gap:1rem}.news-header h3{margin-right:0}.leader-photo{height:150px}.leader-info{padding:1rem}.leader-name{font-size:1.1rem}.footer{padding:1.5rem 0 0}.footer-content{gap:1rem}.disclaimer{padding:.75rem}.disclaimer p{font-size:.75rem}.edit-actions{flex-direction:column}.profile-card,.info-card{padding:1rem}}#root .login-container .login-form{margin-left:auto!important;margin-right:auto!important;left:0!important;right:0!important;transform:none!important}.sidebar-nav li button.active{background:#3498db;color:#fff}.user-role-info{padding:.75rem 1rem;margin:.5rem;border-radius:8px;font-size:.8rem;font-weight:700;text-align:center}.user-role-info.admin{background:#e74c3c;color:#fff}.user-role-info.management{background:#e67e22;color:#fff}.user-role-info.inspector{background:#3498db;color:#fff}.user-role-info.user{background:#27ae60;color:#fff}.permissions-info{margin-top:auto;padding:1rem;background:#f8f9fa;border-radius:8px;font-size:.8rem}.permissions-info h4{margin:0 0 .5rem;color:#2c3e50}.permissions-info ul{list-style:none;padding:0;margin:0}.permissions-info li{padding:.1rem 0;color:#27ae60}.readonly-field{padding:10px 12px;border:1px solid #ddd;border-radius:4px;background-color:#f5f5f5;color:#666;min-height:40px;display:flex;align-items:center}.no-data{color:#999;font-style:italic}.main-content{display:flex;min-height:calc(100vh - 120px)}.content{flex:1;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);margin-left:0}.content-expanded{margin-left:0;width:100%}.app{transition:all .3s ease}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--primary-blue, #1e3c72)}.text-secondary{color:var(--secondary-blue, #2a5298)}.text-success{color:var(--success, #27ae60)}.text-danger{color:var(--danger, #e74c3c)}.text-warning{color:var(--warning, #f39c12)}.text-muted{color:var(--dark-gray, #6c757d)}.text-white{color:var(--white, #ffffff)}.bg-primary{background-color:var(--primary-blue, #1e3c72)}.bg-secondary{background-color:var(--secondary-blue, #2a5298)}.bg-success{background-color:var(--success, #27ae60)}.bg-danger{background-color:var(--danger, #e74c3c)}.bg-warning{background-color:var(--warning, #f39c12)}.bg-light{background-color:var(--light-gray, #f8f9fa)}.bg-white{background-color:var(--white, #ffffff)}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-grid{display:grid}.d-inline{display:inline}.d-inline-block{display:inline-block}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.align-stretch{align-items:stretch}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.rounded{border-radius:.25rem}.rounded-sm{border-radius:.125rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.w-full{width:100%}.w-auto{width:auto}.w-50{width:50%}.w-75{width:75%}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.transition{transition:all .2s ease}.transition-fast{transition:all .15s ease}.transition-slow{transition:all .3s ease}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem}.loading-container p{color:#6b7280;font-size:1rem}.card{background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;padding:1.5rem;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn{padding:.625rem 1.25rem;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:.5rem;justify-content:center}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background:#5a6fd8}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-outline{background:transparent;border:1px solid #d1d5db;color:#374151}.btn-outline:hover:not(:disabled){background:#f9fafb}@media (max-width: 768px){.d-md-none{display:none}.d-md-block{display:block}.d-md-flex{display:flex}}@media (max-width: 640px){.d-sm-none{display:none}.d-sm-block{display:block}.d-sm-flex{display:flex}}@media (max-width: 1024px){.d-lg-none{display:none}.d-lg-block{display:block}.d-lg-flex{display:flex}}@media (max-width: 480px){.d-xs-none{display:none}.d-xs-block{display:block}.d-xs-flex{display:flex}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-in-up{animation:slideInUp .3s ease-out}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-in-down{animation:slideInDown .3s ease-out}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.slide-in-left{animation:slideInLeft .3s ease-out}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.slide-in-right{animation:slideInRight .3s ease-out}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.scale-in{animation:scaleIn .2s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.bounce{animation:bounce 1s infinite}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake{animation:shake .5s}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-backdrop{animation:modalFadeIn .2s ease-out}.modal-content-animated{animation:modalSlideIn .3s ease-out}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.btn-animated{transition:all .2s ease;position:relative;overflow:hidden}.btn-animated:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-animated:hover:before{width:300px;height:300px}.btn-animated:active{transform:scale(.95)}@keyframes skeleton{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:skeleton 1.5s ease-in-out infinite}.stagger-item{opacity:0;animation:fadeIn .5s ease-out forwards}.stagger-item:nth-child(1){animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}.stagger-item:nth-child(6){animation-delay:.6s}.stagger-item:nth-child(7){animation-delay:.7s}.stagger-item:nth-child(8){animation-delay:.8s}.stagger-item:nth-child(9){animation-delay:.9s}.stagger-item:nth-child(10){animation-delay:1s}.transition-all{transition:all .3s ease}.transition-colors{transition:color .2s ease,background-color .2s ease,border-color .2s ease}.transition-transform{transition:transform .2s ease}.transition-opacity{transition:opacity .2s ease}.page-enter{opacity:0;transform:translate(20px)}.page-enter-active{opacity:1;transform:translate(0);transition:opacity .3s ease,transform .3s ease}.page-exit{opacity:1;transform:translate(0)}.page-exit-active{opacity:0;transform:translate(-20px);transition:opacity .3s ease,transform .3s ease}