: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;--text-primary: #213547;--text-secondary: #6c757d;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--border: #e9ecef;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--text-primary: #e9ecef;--text-secondary: #adb5bd;--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-hover: #3a3a3a;--border: #404040;--dark-bg-primary: #1a1a1a;--dark-bg-secondary: #2d2d2d;--dark-bg-hover: #3a3a3a;--dark-border: #404040;--dark-text-primary: #e9ecef;--dark-text-secondary: #adb5bd;color:var(--text-primary);background-color:var(--bg-primary)}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:var(--text-primary);min-height:100vh;min-width:320px;transition:background .3s ease,color .3s ease}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}}[data-theme=dark] .toast{box-shadow:0 6px 18px #00000073}[data-theme=dark] .toast-content{background:var(--bg-secondary);border-left-color:var(--light-blue)}[data-theme=dark] .toast-success .toast-content{border-left-color:#2ecc71;background:rgba(46,204,113,.1)}[data-theme=dark] .toast-error .toast-content{border-left-color:#e74c3c;background:rgba(231,76,60,.1)}[data-theme=dark] .toast-warning .toast-content{border-left-color:#f39c12;background:rgba(243,156,18,.12)}[data-theme=dark] .toast-info .toast-content{border-left-color:var(--light-blue);background:rgba(52,152,219,.12)}[data-theme=dark] .toast-message{color:var(--text-primary)}[data-theme=dark] .toast-success .toast-message{color:#2ecc71}[data-theme=dark] .toast-error .toast-message{color:#e74c3c}[data-theme=dark] .toast-warning .toast-message{color:#f1c40f}[data-theme=dark] .toast-info .toast-message{color:var(--light-blue)}[data-theme=dark] .toast-icon{background:var(--bg-hover)}[data-theme=dark] .toast-success .toast-icon{color:#2ecc71;background:rgba(46,204,113,.15)}[data-theme=dark] .toast-error .toast-icon{color:#e74c3c;background:rgba(231,76,60,.15)}[data-theme=dark] .toast-warning .toast-icon{color:#f39c12;background:rgba(243,156,18,.2)}[data-theme=dark] .toast-info .toast-icon{color:var(--light-blue);background:rgba(52,152,219,.2)}[data-theme=dark] .toast-close{color:var(--text-secondary)}[data-theme=dark] .toast-close:hover{background:var(--bg-hover);color:var(--text-primary)}.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{padding:16px}.error-boundary-content{padding:32px 24px}.error-title{font-size:1.5rem}.error-message{font-size:1rem}.error-actions{flex-direction:column;gap:10px}.error-btn{width:100%;justify-content:center;min-height:48px;padding:14px 20px;font-size:.95rem;touch-action:manipulation}}@media (max-width: 480px){.error-boundary{padding:12px}.error-boundary-content{padding:24px 20px}.error-icon{font-size:3rem;margin-bottom:16px}.error-title{font-size:1.25rem;margin-bottom:12px}.error-message{font-size:.9rem;margin-bottom:24px}.error-actions{gap:8px}.error-btn{min-height:48px;padding:12px 16px;font-size:.9rem;border-radius:10px}}@media (max-width: 360px){.error-boundary-content{padding:20px 16px}.error-icon{font-size:2.5rem}.error-title{font-size:1.1rem}.error-message{font-size:.85rem}.error-btn{min-height:44px;padding:10px 14px;font-size:.85rem}}[data-theme=dark] .notifications-button{background:rgba(255,255,255,.08);border-color:#ffffff2e;color:#fff}[data-theme=dark] .notifications-button:hover{background:rgba(255,255,255,.14);border-color:#ffffff40}[data-theme=dark] .notifications-dropdown{background:var(--bg-secondary);border-color:var(--border);box-shadow:0 16px 28px #00000073}[data-theme=dark] .notifications-header{background:linear-gradient(135deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.08) 100%);border-bottom-color:var(--border)}[data-theme=dark] .notifications-header h3{color:var(--text-primary)}[data-theme=dark] .mark-all-read-btn{color:#fff}[data-theme=dark] .notifications-list::-webkit-scrollbar-track{background:var(--bg-secondary)}[data-theme=dark] .notifications-list::-webkit-scrollbar-thumb{background:var(--border)}[data-theme=dark] .notification-item{background:var(--bg-secondary);border-bottom-color:var(--border)}[data-theme=dark] .notification-item:hover{background:var(--bg-hover)}[data-theme=dark] .notification-item.unread{background:linear-gradient(90deg,rgba(59,130,246,.15) 0%,var(--bg-secondary) 12%);border-left-color:#3b82f6}[data-theme=dark] .notification-item.unread:hover{background:linear-gradient(90deg,rgba(59,130,246,.22) 0%,var(--bg-hover) 12%)}[data-theme=dark] .notification-item.selected{background:rgba(243,156,18,.18);border-left-color:#f39c12}[data-theme=dark] .notifications-empty .empty-icon{color:var(--text-secondary)}[data-theme=dark] .notifications-footer{background:linear-gradient(135deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.08) 100%);border-top-color:var(--border)}[data-theme=dark] .view-all-btn{color:#fff}.notifications-container{position:relative;margin-right:1rem}.notifications-button{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;border:none;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;color:#fff;transition:all .2s ease;padding:0;box-sizing:border-box;flex-shrink:0}.notifications-button:hover{background:rgba(255,255,255,.18);border-color:#ffffff4d;transform:translateY(-1px)}.notifications-button:active{transform:translateY(0)}.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}.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)}.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:0;height:40px;min-height:40px}.notifications-button{width:40px;height:40px;min-width:40px;min-height:40px}.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: 640px){.notifications-container{height:36px;min-height:36px}.notifications-button{width:36px;height:36px;min-width:36px;min-height:36px}.notifications-button svg{width:16px;height:16px}}@media (max-width: 480px){.notifications-container{height:32px;min-height:32px}.notifications-button{width:32px;height:32px;min-width:32px;min-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}}.global-search{position:relative;width:100%;max-width:600px;margin:0 auto}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:.85rem 3rem;border:2px solid rgba(52,152,219,.2);border-radius:30px;font-size:.95rem;background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.9) 100%);color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .search-input{background:linear-gradient(135deg,rgba(45,45,45,.95) 0%,rgba(30,30,30,.9) 100%);border-color:#3498db4d;color:var(--dark-text-primary);box-shadow:0 2px 8px #0000004d,0 1px 3px #0003}.search-input:focus{border-color:var(--light-blue);box-shadow:0 4px 16px #3498db40,0 0 0 4px #3498db1a,0 2px 8px #0000001a;transform:translateY(-1px)}[data-theme=dark] .search-input:focus{box-shadow:0 4px 16px #3498db66,0 0 0 4px #3498db26,0 2px 8px #0000004d}.search-icon{position:absolute;left:1.15rem;font-size:1.2rem;pointer-events:none;opacity:.6;transition:opacity .2s,transform .2s}.search-input:focus~.search-icon{opacity:1;transform:scale(1.1);color:var(--light-blue)}.search-clear{position:absolute;right:.85rem;background:rgba(0,0,0,.05);border:none;font-size:1.3rem;color:var(--dark-gray);cursor:pointer;padding:.35rem;line-height:1;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .search-clear{color:var(--dark-text-secondary);background:rgba(255,255,255,.1)}.search-clear:hover{color:var(--white);background:var(--danger);transform:scale(1.1) rotate(90deg)}.search-results{position:absolute;top:calc(100% + .75rem);left:0;right:0;background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.95) 100%);border-radius:16px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px #ffffffe6;max-height:600px;overflow-y:auto;z-index:1000;border:1px solid rgba(52,152,219,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideDown .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .search-results{background:linear-gradient(135deg,rgba(45,45,45,.98) 0%,rgba(30,30,30,.95) 100%);border-color:#3498db40;box-shadow:0 8px 32px #0006,0 2px 8px #0000004d,inset 0 1px #ffffff0d}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-categories{display:flex;gap:.6rem;padding:1.25rem 1rem;border-bottom:1px solid rgba(52,152,219,.1);overflow-x:auto;flex-wrap:wrap;background:linear-gradient(to bottom,rgba(52,152,219,.02),transparent)}[data-theme=dark] .search-categories{border-bottom-color:#3498db33;background:linear-gradient(to bottom,rgba(52,152,219,.05),transparent)}.search-category{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border:1.5px solid rgba(52,152,219,.2);border-radius:25px;background:linear-gradient(135deg,rgba(255,255,255,.9) 0%,rgba(248,249,250,.9) 100%);color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 2px 4px #0000000d;position:relative;overflow:hidden}[data-theme=dark] .search-category{background:linear-gradient(135deg,rgba(45,45,45,.9) 0%,rgba(30,30,30,.9) 100%);border-color:#3498db4d;color:var(--dark-text-primary);box-shadow:0 2px 4px #0003}.search-category:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.search-category:hover:before{left:100%}.search-category:hover{background:linear-gradient(135deg,rgba(52,152,219,.1) 0%,rgba(52,152,219,.05) 100%);border-color:var(--light-blue);transform:translateY(-2px);box-shadow:0 4px 12px #3498db33}[data-theme=dark] .search-category:hover{background:linear-gradient(135deg,rgba(52,152,219,.2) 0%,rgba(52,152,219,.1) 100%);box-shadow:0 4px 12px #3498db4d}.search-category.active{background:linear-gradient(135deg,var(--light-blue) 0%,var(--secondary-blue) 100%);color:var(--white);border-color:var(--light-blue);box-shadow:0 4px 16px #3498db66,inset 0 1px #fff3;transform:translateY(-2px)}[data-theme=dark] .search-category.active{background:linear-gradient(135deg,var(--light-blue) 0%,var(--secondary-blue) 100%);color:var(--white);box-shadow:0 4px 16px #3498db80,inset 0 1px #fff3}.category-count{background:rgba(255,255,255,.25);padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-results-content{padding:1.25rem;max-height:450px;overflow-y:auto}.search-results-content::-webkit-scrollbar{width:6px}.search-results-content::-webkit-scrollbar-track{background:transparent}.search-results-content::-webkit-scrollbar-thumb{background:rgba(52,152,219,.3);border-radius:3px}.search-results-content::-webkit-scrollbar-thumb:hover{background:rgba(52,152,219,.5)}.search-section{margin-bottom:1.75rem}.search-section:last-child{margin-bottom:0}.search-section h4{font-size:.925rem;font-weight:700;color:var(--dark-gray);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid rgba(52,152,219,.15);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}[data-theme=dark] .search-section h4{color:var(--dark-text-secondary);border-bottom-color:#3498db40}.search-result-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:.75rem;border:1px solid transparent;background:linear-gradient(135deg,rgba(248,249,250,.5) 0%,rgba(255,255,255,.5) 100%);position:relative;overflow:hidden}[data-theme=dark] .search-result-item{background:linear-gradient(135deg,rgba(45,45,45,.5) 0%,rgba(30,30,30,.5) 100%)}.search-result-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--light-blue);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.search-result-item:hover{background:linear-gradient(135deg,rgba(52,152,219,.1) 0%,rgba(52,152,219,.05) 100%);border-color:#3498db4d;transform:translate(4px);box-shadow:0 4px 12px #3498db26}.search-result-item:hover:before{transform:scaleY(1)}[data-theme=dark] .search-result-item:hover{background:linear-gradient(135deg,rgba(52,152,219,.2) 0%,rgba(52,152,219,.1) 100%);box-shadow:0 4px 12px #3498db40}.result-icon{font-size:1.75rem;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(52,152,219,.1) 0%,rgba(52,152,219,.05) 100%);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .result-icon{background:linear-gradient(135deg,rgba(52,152,219,.2) 0%,rgba(52,152,219,.1) 100%)}.search-result-item:hover .result-icon{background:linear-gradient(135deg,rgba(52,152,219,.2) 0%,rgba(52,152,219,.15) 100%);transform:scale(1.1) rotate(5deg)}[data-theme=dark] .search-result-item:hover .result-icon{background:linear-gradient(135deg,rgba(52,152,219,.3) 0%,rgba(52,152,219,.2) 100%)}.result-content{flex:1;min-width:0}.result-title{font-weight:600;color:var(--text-primary);margin-bottom:.35rem;font-size:.95rem;line-height:1.4;transition:color .2s}[data-theme=dark] .result-title{color:var(--dark-text-primary)}.search-result-item:hover .result-title{color:var(--light-blue)}.result-subtitle{font-size:.825rem;color:var(--dark-gray);line-height:1.5;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}[data-theme=dark] .result-subtitle{color:var(--dark-text-secondary)}.search-loading,.search-empty{padding:3rem 2rem;text-align:center;color:var(--dark-gray)}[data-theme=dark] .search-loading,[data-theme=dark] .search-empty{color:var(--dark-text-secondary)}.search-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem}.search-empty:before{content:"🔍";font-size:3rem;opacity:.5;margin-bottom:.5rem}.search-empty span{display:block;margin-top:.5rem;font-size:.875rem;opacity:.7;font-style:italic}.loading-spinner{width:2.5rem;height:2.5rem;border:3px solid rgba(52,152,219,.2);border-top-color:var(--light-blue);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem;box-shadow:0 0 10px #3498db4d}@media (max-width: 768px){.global-search{max-width:100%}.search-results{max-height:400px}.search-categories{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}}.mvd-emblem{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent}.mvd-emblem-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mvd-emblem-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffd700 0%,#ffed4e 100%);border-radius:50%;border:2px solid #ffd700;box-shadow:0 0 10px #ffd70066;min-width:40px;min-height:40px}.emblem-text{font-weight:700;color:#1e3c72;font-size:.6em;letter-spacing:1px;text-align:center}.mvd-emblem-small{width:40px;height:48px}.mvd-emblem-medium{width:50px;height:44px;max-height:44px}.mvd-emblem-large{width:80px;height:96px}@media (max-width: 1024px){.mvd-emblem-medium{width:45px;height:44px;max-height:44px}}@media (max-width: 768px){.mvd-emblem-medium{width:40px;height:44px;max-height:44px}}@media (max-width: 480px){.mvd-emblem-medium{width:36px;height:40px;max-height:40px}}@media (max-width: 360px){.mvd-emblem-medium{width:32px;height:36px;max-height:36px}}.header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:64px;background:linear-gradient(135deg,#1e3c72 0%,#2a5298 50%,#1e3c72 100%);background-size:200% 200%;animation:gradientShift 15s ease infinite;color:#fff;box-shadow:0 4px 20px #00000040;border-bottom:1px solid rgba(255,255,255,.15);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.header-left{display:flex;align-items:center;gap:16px}.sidebar-toggle,.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;color:#fff;transition:all .2s;flex-shrink:0}.sidebar-toggle:hover,.mobile-menu-toggle:hover{background:rgba(255,255,255,.18);border-color:#ffffff4d;transform:translateY(-1px)}.mobile-menu-toggle svg{width:24px;height:24px;display:block;flex-shrink:0}.mobile-menu-toggle svg line{stroke:#fff}.mobile-menu-toggle{display:none;flex-shrink:0}.header-title{display:flex;align-items:center;gap:12px}.header-title h1{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.header-right{display:flex;align-items:center;gap:16px}.header-search-wrapper{display:flex;align-items:center;min-width:300px;max-width:500px}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;font-size:1.25rem;transition:all .2s;flex-shrink:0}.theme-toggle-btn:hover{background:rgba(255,255,255,.18);border-color:#ffffff4d;transform:translateY(-1px)}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.user-details{display:flex;align-items:center;gap:8px}.user-name{font-weight:500;color:#111827;font-size:.875rem}.user-role{padding:2px 8px;border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;text-transform:capitalize}.user-position{font-size:.75rem;color:#6b7280}.logout-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.logout-btn:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:0 4px 6px -1px #ef444466}.logout-btn svg{width:16px;height:16px}.home-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.home-btn:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);transform:translateY(-1px);box-shadow:0 4px 6px -1px #667eea66}.home-btn svg{width:20px;height:20px}.dashboard-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.dashboard-btn:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);transform:translateY(-1px);box-shadow:0 4px 6px -1px #667eea66}.dashboard-btn svg{width:20px;height:20px;flex-shrink:0;display:block}@media (max-width: 1024px){.mobile-menu-toggle{display:flex}.sidebar-toggle{display:none}.header-search-wrapper{min-width:200px;max-width:300px}}@media (max-width: 768px){.header{padding:0 16px}.header-title h1{font-size:1.125rem}.user-info,.logout-btn span,.home-btn span,.dashboard-btn span{display:none}.logout-btn,.home-btn,.dashboard-btn{padding:8px;min-width:40px}.dashboard-btn svg,.home-btn svg{display:block;width:20px;height:20px}.header-title h1{font-size:1rem}.header-search-wrapper{display:none}}@media (max-width: 640px){.header{padding:0 12px}.header-title h1{font-size:.9375rem}.mobile-menu-toggle{width:36px;height:36px}.mobile-menu-toggle svg{width:20px;height:20px}.dashboard-btn svg,.home-btn svg{width:18px;height:18px}}@media (max-width: 480px){.header{padding:0 10px}.header-title h1{font-size:.875rem}.mobile-menu-toggle{width:32px;height:32px}.mobile-menu-toggle svg{width:18px;height:18px}.dashboard-btn svg,.home-btn svg{width:16px;height:16px}}@media (prefers-reduced-motion: reduce){.header{animation:none}.header *{transition-duration:.01ms!important}}.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}[data-theme=dark] .sidebar{transition:width .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),background-color .25s ease,box-shadow .25s ease,opacity .25s ease}.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 12px 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:none;border-radius:12px;margin:4px 0;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;transition:opacity .2s ease,transform .2s ease}.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-admin-badge .admin-text{opacity:0;transform:translate(-6px);width:0;margin:0;padding:0}.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:block!important;transition:opacity .25s ease;width:100vw!important;height:100vh!important;opacity:0;pointer-events:none}.sidebar-overlay.active{opacity:1;pointer-events:auto}@media (max-width: 1024px){.sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;z-index:10000!important;transform:translate(-100%)!important;width:280px!important;max-width:280px!important;min-width:280px!important;margin:0!important;padding:0!important;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .25s ease!important;box-shadow:2px 0 20px #00000080!important;height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;pointer-events:none!important;opacity:0!important}.sidebar.mobile-open{transform:translate(0)!important;width:280px!important;max-width:280px!important;min-width:280px!important;pointer-events:auto!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:280px!important;max-width:280px!important;min-width:280px!important}}@media (max-width: 768px){.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;flex-basis:0!important;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .25s ease!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;opacity: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;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-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}}[data-theme=dark] .footer{background:#0d1b3a;color:#fff}[data-theme=dark] .footer-section h4{color:var(--light-blue)}[data-theme=dark] .footer-section p,[data-theme=dark] .footer-links a{color:#fff}[data-theme=dark] .footer-links a:hover{color:var(--light-blue)}[data-theme=dark] .disclaimer{background:rgba(231,76,60,.15);border-color:#e74c3c66}[data-theme=dark] .disclaimer p{color:#fcc}[data-theme=dark] .disclaimer strong{color:#e74c3c}.online-users-panel{width:100%;border-top:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:10px 14px}[data-theme=dark] .online-users-panel{background:rgba(13,27,58,.65);border-top:1px solid rgba(255,255,255,.12)}.online-users-panel__header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.online-users-panel__title{font-weight:800;color:var(--dark-blue);letter-spacing:.2px}[data-theme=dark] .online-users-panel__title{color:var(--text-primary)}.online-users-panel__hint{font-size:12px;opacity:.75}.online-users-panel__block{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media (max-width: 1024px){.online-users-panel__block{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.online-users-panel__block{grid-template-columns:1fr}}.online-users-panel__group{border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:10px;background:rgba(255,255,255,.65)}[data-theme=dark] .online-users-panel__group{border-color:#ffffff1f;background:rgba(255,255,255,.06)}.online-users-panel__group-title{display:flex;justify-content:space-between;gap:10px;font-weight:800;margin-bottom:8px}.online-users-panel__group-title.admin{color:var(--admin-purple)}.online-users-panel__group-title.management{color:var(--management-gold)}.online-users-panel__group-title.inspector{color:var(--inspector-green)}.online-users-panel__group-title.user{color:var(--user-gray)}.online-users-panel__count{font-weight:700;opacity:.8}.online-users-panel__empty{font-size:12px;opacity:.7}.online-users-panel__list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}.online-users-panel__item{display:inline-flex}.online-users-panel__list--rows{display:flex;flex-direction:column;gap:10px}.online-users-panel__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.7)}[data-theme=dark] .online-users-panel__row{border-color:#ffffff1f;background:rgba(255,255,255,.06)}.online-users-panel__fio{font-weight:800;font-size:13px;color:var(--dark-blue);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .online-users-panel__fio{color:var(--text-primary)}.online-users-panel__meta{flex:0 0 auto}.online-users-panel__nick-link{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-weight:900;font-size:13px;text-decoration:none;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.online-users-panel__nick-link:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0000001f}.online-users-panel__nick-link.admin{color:var(--admin-purple);background:rgba(142,68,173,.12);border-color:#8e44ad40}.online-users-panel__nick-link.management{color:var(--management-gold);background:rgba(243,156,18,.14);border-color:#f39c1247}.online-users-panel__nick-link.inspector{color:var(--inspector-green);background:rgba(39,174,96,.14);border-color:#27ae6047}.online-users-panel__nick-link.user{color:var(--user-gray);background:rgba(127,140,141,.14);border-color:#7f8c8d42}.layout{display:flex;flex-direction:column;min-height:100vh;background-color:#f8f9fa;width:100%;position:relative;margin:0;padding:0;overflow-x:hidden;transition:background-color .3s ease}[data-theme=dark] .layout{background-color:var(--bg-primary)}.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}[data-theme=dark] .layout-content{background-color:var(--bg-primary)}.layout-content.collapsed,.layout-content.no-sidebar{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;background-color:transparent;color:inherit;transition:background-color .3s ease,color .3s ease}[data-theme=dark] .main-content{background-color:var(--bg-primary);color:var(--text-primary)}.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;pointer-events:none!important;opacity:0!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;z-index:10000!important;left:0!important;flex-basis:auto!important;flex-shrink:0!important;display:flex!important;opacity:1!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}}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 20% 10%,rgba(52,152,219,.35),transparent 60%),radial-gradient(900px 500px at 80% 30%,rgba(142,68,173,.22),transparent 55%),linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);padding:24px}.register-card{background:rgba(255,255,255,.92);border-radius:18px;padding:28px;border:1px solid rgba(0,0,0,.08);box-shadow:0 22px 60px #00000038;width:100%;max-width:500px;animation:slideUp .5s ease;color:#0d1b3ae6}[data-theme=dark] .register-container{background:radial-gradient(1200px 600px at 20% 10%,rgba(52,152,219,.25),transparent 60%),radial-gradient(900px 500px at 80% 30%,rgba(142,68,173,.2),transparent 55%),linear-gradient(135deg,#0d1b3a 0%,#1e3c72 50%,#0d1b3a 100%)}[data-theme=dark] .register-card{background:rgba(13,27,58,.62);border-color:#ffffff1f;box-shadow:0 22px 60px #00000073;color:var(--text-primary)}@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.15rem;color:var(--dark-blue);margin:0 0 .5rem;font-weight:900;letter-spacing:.2px}.register-header h2{font-size:1.65rem;color:var(--dark-blue);margin:0;font-weight:900}[data-theme=dark] .register-header h1,[data-theme=dark] .register-header h2{color:var(--text-primary)}.register-form{display:flex;flex-direction:column;gap:14px}.register-card .form-group label,.register-card .form-group .auth-field-label{font-weight:800;color:#0d1b3ae0!important;font-size:.9rem;background:transparent;mix-blend-mode:normal}.form-group input{padding:12px 14px;border:1.5px solid rgba(0,0,0,.14);border-radius:12px;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;width:100%;box-sizing:border-box;background:rgba(255,255,255,.92);color:#0b1220}.register-card .form-group input::placeholder{color:#0d1b3a8c!important;opacity:1}[data-theme=dark] .register-card .form-group input::placeholder{color:#ffffff8c!important}.form-group input:focus{outline:none;border-color:var(--light-blue);box-shadow:0 0 0 4px #3498db24}.form-group input.error{border-color:#e74c3ce6}.form-group input:disabled{background:#f3f4f6;cursor:not-allowed}[data-theme=dark] .register-card .form-group label,[data-theme=dark] .register-card .form-group .auth-field-label{color:#ffffffe0!important}[data-theme=dark] .form-group input{background:rgba(255,255,255,.06);border-color:#ffffff29;color:var(--text-primary)}.field-error{color:#c0392b;font-size:.875rem;margin-top:-.25rem}[data-theme=dark] .field-error{color:#ffb4ad}.register-btn{background:linear-gradient(135deg,var(--light-blue) 0%,#2a78c4 100%);color:var(--white);border:none;padding:12px 16px;border-radius:12px;font-size:1rem;font-weight:900;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;margin-top:.5rem}.register-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 26px #3498db59}.register-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.back-to-login-btn{background:transparent;color:var(--light-blue);border:1.5px solid rgba(52,152,219,.7);padding:12px 16px;border-radius:12px;font-size:.9rem;font-weight:900;cursor:pointer;transition:background-color .15s ease,transform .15s ease,border-color .15s ease;width:100%;margin-top:1rem}.back-to-login-btn:hover:not(:disabled){background:rgba(52,152,219,.1);border-color:#3498db;transform:translateY(-1px)}.back-to-login-btn:disabled{opacity:.7;cursor:not-allowed}[data-theme=dark] .back-to-login-btn{color:#8ec5ff;border-color:#8ec5ff8c}.register-card .registration-info{margin-top:1.5rem;padding:1rem;background:rgba(243,156,18,.18);border:1px solid rgba(243,156,18,.35);border-left:4px solid rgba(243,156,18,.95);border-radius:12px}.register-card .registration-info p{margin:.5rem 0;color:#261800eb!important;font-size:.875rem;line-height:1.5}[data-theme=dark] .register-card .registration-info{background:rgba(243,156,18,.14);border-color:#f39c1238}[data-theme=dark] .register-card .registration-info p{color:#ffffffdb!important}.registration-info p:first-child{margin-top:0}.registration-info p:last-child{margin-bottom:0}.input-with-action{position:relative;display:flex;align-items:center}.input-with-action input{padding-right:92px}.input-action-btn{width:auto!important;min-width:72px;display:inline-flex;align-items:center;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);border:1px solid rgba(0,0,0,.14);background:rgba(255,255,255,.85);color:#0d1b3aeb!important;padding:7px 10px;border-radius:10px;font-weight:900;font-size:12px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.input-action-btn:hover:not(:disabled){background:rgba(52,152,219,.1);border-color:#3498db73}.input-action-btn:disabled{opacity:.7;cursor:not-allowed}[data-theme=dark] .input-action-btn{border-color:#ffffff29;background:rgba(255,255,255,.06);color:#ffffffdb!important}.error-message{background-color:#e74c3c1f;color:#c0392b;padding:10px 12px;border-radius:12px;border:1px solid rgba(231,76,60,.25);text-align:center;margin-top:6px}[data-theme=dark] .error-message{color:#ffb4ad;border-color:#ffb4ad40;background-color:#ffb4ad14}@media (max-width: 768px){.register-container{padding:16px}.register-card{padding:22px}.register-header h1{font-size:1.05rem}.register-header h2{font-size:1.35rem}.form-group input{padding:12px 14px}}@media (max-width: 480px){.register-container{padding:12px}.register-card{padding:18px;border-radius:16px}.register-header h1{font-size:1rem}.register-header h2{font-size:1.25rem}.form-group{gap:.375rem}.form-group label{font-size:.875rem}.form-group input{padding:11px 12px;font-size:.9375rem}.field-error{font-size:.8125rem}.register-btn{padding:12px 16px;font-size:.9375rem}.back-to-login-btn{padding:12px 16px;font-size:.875rem}.registration-info{padding:.875rem}.registration-info p{font-size:.8125rem}}.public-header{background:linear-gradient(135deg,#1e3c72 0%,#2a5298 50%,#1e3c72 100%);background-size:200% 200%;animation:gradientShift 15s ease infinite;color:#fff;padding:1rem 2rem;box-shadow:0 4px 20px #00000040;position:sticky;top:0;z-index:1000;width:100%;border-bottom:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.public-header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem}.public-header-left{display:flex;align-items:center;gap:1rem}.public-header-logo h1{font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.public-header-logo p{font-size:.875rem;margin:0;opacity:.9}.public-header-right{display:flex;align-items:center;gap:1rem}.public-user-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.public-user-name{font-weight:600;font-size:.95rem}.public-user-role{font-size:.8rem;opacity:.85}.public-header-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.public-auth-btn{background:white;color:#1e3c72}.public-auth-btn:hover{background:#f5f5f5;transform:translateY(-1px)}.public-dashboard-btn{background:rgba(255,255,255,.15);color:#fff;border:1.5px solid rgba(255,255,255,.25)}.public-dashboard-btn:hover{background:rgba(255,255,255,.25);border-color:#fff6;transform:translateY(-1px)}.public-logout-btn{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff}.public-logout-btn:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-1px)}@media (max-width: 1024px){.public-header{padding:.875rem 1.5rem}.public-header-content{gap:1.5rem}.public-header-logo h1{font-size:1.375rem}.public-header-btn{padding:.625rem 1.25rem;font-size:.95rem}}@media (max-width: 768px){.public-header{padding:.875rem 1rem}.public-header-content{flex-direction:row;gap:1rem;align-items:center}.public-header-left{flex:1;min-width:0}.public-header-logo h1{font-size:1.125rem}.public-header-logo p{font-size:.8rem}.public-header-right{flex:0 0 auto;flex-wrap:nowrap;gap:.75rem}.public-user-info{display:none}.public-header-btn{padding:.625rem 1rem;font-size:.875rem}}@media (max-width: 640px){.public-header{padding:.75rem .875rem}.public-header-content{gap:.75rem}.public-header-logo h1{font-size:1rem}.public-header-logo p{font-size:.75rem}.public-header-right{gap:.5rem}.public-header-btn{padding:.5rem .875rem;font-size:.8125rem}}@media (max-width: 480px){.public-header{padding:.625rem .75rem}.public-header-content{gap:.625rem}.public-header-logo h1{font-size:.9375rem}.public-header-logo p{font-size:.7rem}.public-header-btn{padding:.5rem .75rem;font-size:.75rem}.public-header-btn span{display:none}.public-header-btn{min-width:40px;padding:.5rem}.public-header-btn svg{margin:0}}@media (max-width: 360px){.public-header{padding:.5rem .625rem}.public-header-logo h1{font-size:.875rem}.public-header-logo p{display:none}.public-header-btn{min-width:36px;padding:.5rem;font-size:.6875rem}}@media (max-width: 768px) and (orientation: landscape){.public-header{padding:.625rem 1rem}.public-header-logo h1{font-size:1rem}.public-header-logo p{font-size:.75rem}.public-header-btn{padding:.5rem .875rem;font-size:.8125rem}}@media (hover: none) and (pointer: coarse){.public-header-btn:hover{transform:none}.public-header-btn:active{opacity:.8}}@media (prefers-reduced-motion: reduce){.public-header{animation:none}.public-header *{transition-duration:.01ms!important}}[data-theme=dark] .public-header{background:linear-gradient(135deg,#0d1b3a 0%,#1e3c72 50%,#0d1b3a 100%);color:#fff}[data-theme=dark] .public-header-logo h1,[data-theme=dark] .public-header-logo p,[data-theme=dark] .public-user-name,[data-theme=dark] .public-user-role{color:#fff!important}.homepage{min-height:100vh;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%)}.homepage.in-layout{background:transparent;min-height:auto}.hero-section{background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);color:#fff;padding:4rem 2rem;text-align:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.hero-content{position:relative;z-index:1;max-width:1200px;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle{font-size:1.5rem;font-weight:400;margin-bottom:.5rem;opacity:.95}.hero-location{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.hero-auth-btn{background:white;color:#1e3c72;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.hero-auth-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;background:#f0f0f0}.hero-auth-btn:active{transform:translateY(0)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.about-section,.structure-section,.leadership-section,.activities-section{padding:4rem 0}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:#1e3c72;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#1e3c72,#2a5298);border-radius:2px}.about-content{max-width:900px;margin:0 auto}.about-text{font-size:1.1rem;line-height:1.8;color:#333;margin-bottom:1.5rem;text-align:justify}.structure-section{background:white}.structure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.structure-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 10px 30px #0003;transition:transform .3s ease,box-shadow .3s ease}.structure-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.structure-icon{font-size:3rem;margin-bottom:1rem;text-align:center}.structure-title{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.structure-items{display:flex;flex-direction:column;gap:1.5rem}.structure-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:rgba(255,255,255,.15);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.item-name{font-size:1.5rem;font-weight:700}.item-desc{font-size:1rem;opacity:.9}.leadership-section{background:#f8f9fa}.leadership-loading,.no-leadership{text-align:center;padding:3rem;color:#666}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #1e3c72;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 1rem}.leadership-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-top:2rem}.leadership-card{background:white;border-radius:15px;padding:2rem;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.leadership-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.member-photo-section{margin-bottom:1.5rem}.member-photo{width:150px;height:150px;margin:0 auto;border-radius:50%;overflow:hidden;border:4px solid #1e3c72}.member-avatar{width:150px;height:150px;margin:0 auto;border-radius:50%;background:linear-gradient(135deg,#1e3c72,#2a5298);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff;border:4px solid #1e3c72}.member-info-section{text-align:center}.member-name{font-size:1.5rem;font-weight:700;color:#1e3c72;margin-bottom:.5rem}.member-position{font-size:1.1rem;color:#555;margin-bottom:.5rem;font-weight:500}.member-rank{font-size:1rem;color:#777;font-style:italic}.activities-section{background:white}.activities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.activity-card{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);padding:2rem;border-radius:15px;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.activity-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.activity-icon{font-size:3.5rem;margin-bottom:1rem}.activity-title{font-size:1.4rem;font-weight:700;color:#1e3c72;margin-bottom:1rem}.activity-description{font-size:1rem;line-height:1.6;color:#555}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-location{font-size:1rem}.section-title{font-size:2rem}.structure-grid,.activities-grid{grid-template-columns:1fr}.leadership-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.container{padding:0 1rem}.about-section,.structure-section,.leadership-section,.activities-section{padding:3rem 0}}@media (max-width: 480px){.hero-section{padding:3rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-auth-btn{padding:.875rem 2rem;font-size:1rem}.section-title{font-size:1.75rem}.structure-card,.activity-card{padding:1.5rem}}[data-theme=dark] .homepage{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);color:var(--text-primary)}[data-theme=dark] .homepage.in-layout{background:var(--bg-primary)}[data-theme=dark] .section-title:after{background:linear-gradient(90deg,var(--light-blue),var(--secondary-blue))}[data-theme=dark] .about-section{background:var(--bg-primary)}[data-theme=dark] .about-text{color:var(--text-primary)!important}[data-theme=dark] .structure-section{background:var(--bg-secondary)}[data-theme=dark] .structure-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}[data-theme=dark] .structure-item{background:rgba(255,255,255,.2)}[data-theme=dark] .leadership-section{background:var(--bg-primary)}[data-theme=dark] .leadership-loading,[data-theme=dark] .no-leadership,[data-theme=dark] .leadership-loading p,[data-theme=dark] .no-leadership p{color:var(--text-secondary)!important}[data-theme=dark] .loading-spinner{border-color:var(--bg-secondary);border-top-color:var(--light-blue)}[data-theme=dark] .leadership-card{background:var(--bg-secondary);box-shadow:0 5px 20px #0000004d;border:1px solid var(--border)}[data-theme=dark] .member-name{color:var(--text-primary)!important}[data-theme=dark] .member-position,[data-theme=dark] .member-rank{color:var(--text-secondary)!important}[data-theme=dark] .member-photo,[data-theme=dark] .member-avatar{border-color:var(--light-blue)}[data-theme=dark] .activities-section{background:var(--bg-secondary)}[data-theme=dark] .activity-card{background:var(--bg-secondary);border:1px solid var(--border);box-shadow:0 5px 15px #0000004d}[data-theme=dark] .activity-title{color:var(--text-primary)!important}[data-theme=dark] .activity-description{color:var(--text-secondary)!important}[data-theme=dark] .hero-section{background:linear-gradient(135deg,#0d1b3a 0%,#1e3c72 50%,#0d1b3a 100%);color:#fff}[data-theme=dark] .hero-title,[data-theme=dark] .hero-subtitle,[data-theme=dark] .hero-location{color:#fff!important;text-shadow:2px 2px 4px rgba(0,0,0,.5)}[data-theme=dark] .container{color:var(--text-primary)}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-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 (min-width: 769px) and (max-width: 1024px){.dashboard{padding:18px}.dashboard-header{gap:24px;margin-bottom:36px}.welcome-section h1{font-size:2.25rem;line-height:1.3;word-wrap:break-word}.welcome-section p{font-size:1.15rem;word-wrap:break-word}.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}.stat-card{padding:24px}}@media (max-width: 1024px){.dashboard{padding:16px}.dashboard-header{gap:20px;margin-bottom:32px}.welcome-section h1{font-size:2rem;line-height:1.3;word-wrap:break-word}.welcome-section p{font-size:1.1rem;word-wrap:break-word}.dashboard-content{grid-template-columns:1fr;gap:24px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}.stat-card{padding:24px}.stat-icon{width:70px;height:70px;font-size:2.75rem}.stat-number{font-size:2.5rem}.stat-label{font-size:1rem}}@media (min-width: 641px) and (max-width: 768px){.dashboard{padding:14px}.welcome-section h1{font-size:1.625rem}.welcome-section p{font-size:.9375rem}.stats-grid{grid-template-columns:1fr;gap:14px}.stat-card{padding:18px}}@media (max-width: 768px){.dashboard{padding:12px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.dashboard-header{flex-direction:column;gap:16px;align-items:stretch;margin-bottom:24px;padding-bottom:16px;width:100%;box-sizing:border-box}.welcome-section{width:100%;box-sizing:border-box}.welcome-section h1{font-size:1.5rem;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.welcome-section p{font-size:.875rem;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.user-badge{justify-content:flex-start;padding:12px 16px;width:100%;box-sizing:border-box;flex-wrap:wrap}.user-avatar{width:48px;height:48px;font-size:1.1rem;flex-shrink:0}.user-info{min-width:0;flex:1}.user-name{font-size:.9rem;word-wrap:break-word;overflow-wrap:break-word}.user-role{font-size:.8rem;word-wrap:break-word;overflow-wrap:break-word}.stats-grid{grid-template-columns:1fr;gap:12px;margin-top:20px;width:100%;box-sizing:border-box}.stat-card{padding:16px;gap:12px;width:100%;box-sizing:border-box;min-width:0}.stat-icon{width:56px;height:56px;font-size:2rem;flex-shrink:0}.stat-info{min-width:0;flex:1}.stat-number{font-size:1.75rem;word-wrap:break-word}.stat-label{font-size:.875rem;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3}.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 (min-width: 361px) and (max-width: 480px){.dashboard{padding:10px}.welcome-section h1{font-size:1.375rem}.welcome-section p{font-size:.8125rem}}@media (max-width: 480px){.dashboard{padding:10px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.dashboard-header{margin-bottom:16px;padding-bottom:12px;gap:12px;width:100%;box-sizing:border-box}.welcome-section{width:100%;box-sizing:border-box}.welcome-section h1{font-size:1.25rem;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.welcome-section p{font-size:.8125rem;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.user-badge{padding:10px 12px;width:100%;box-sizing:border-box;flex-wrap:wrap;gap:12px}.user-avatar{width:40px;height:40px;font-size:1rem;flex-shrink:0}.user-info{min-width:0;flex:1}.user-name{font-size:.85rem;word-wrap:break-word;overflow-wrap:break-word}.user-role{font-size:.75rem;word-wrap:break-word;overflow-wrap:break-word}.stats-grid{gap:10px;margin-top:16px}.stat-card{padding:14px;gap:10px}.stat-icon{width:48px;height:48px;font-size:1.75rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.8125rem;line-height:1.2}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}.extended-stats-grid{grid-template-columns:1fr}} [data-theme="dark"] .dashboard{background-color:var(--bg-primary)!important;color:var(--text-primary)!important}[data-theme=dark] .dashboard h1,[data-theme=dark] .dashboard p{color:var(--text-primary)!important}[data-theme=dark] .dashboard-header{border-bottom-color:var(--border)!important}[data-theme=dark] .welcome-section h1{color:var(--text-primary)!important}[data-theme=dark] .welcome-section p{color:var(--text-secondary)!important}[data-theme=dark] .user-badge{background:var(--bg-secondary)!important;border-color:var(--border)!important;box-shadow:0 2px 8px #0000004d!important}[data-theme=dark] .recent-activity,[data-theme=dark] .quick-actions{background:var(--bg-secondary)!important;border-color:var(--border)!important;box-shadow:0 2px 8px #0000004d!important}[data-theme=dark] .activity-item,[data-theme=dark] .activity-item:hover{background:var(--bg-hover)!important;border-left-color:var(--light-blue)!important}[data-theme=dark] .loading-spinner{border-color:var(--bg-secondary)!important;border-top-color:var(--light-blue)!important}.extended-stats{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--gray)}[data-theme=dark] .extended-stats{border-top-color:var(--dark-border)}.extended-stats h2{font-size:1.75rem;color:var(--text-primary);margin-bottom:1.5rem}[data-theme=dark] .extended-stats h2{color:var(--dark-text-primary)}.extended-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.extended-stat-card{background:var(--white);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;transition:all .2s}[data-theme=dark] .extended-stat-card{background:var(--dark-bg-secondary);box-shadow:0 2px 8px #0000004d}.extended-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.extended-stat-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.extended-stat-icon{font-size:1.5rem}.extended-stat-header h3{font-size:1.1rem;color:var(--text-primary);margin:0}[data-theme=dark] .extended-stat-header h3{color:var(--dark-text-primary)}.extended-stat-content{display:flex;flex-direction:column;gap:.75rem}.stat-trend{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:var(--light-gray);border-radius:6px;font-size:.9rem;color:var(--text-primary)}[data-theme=dark] .stat-trend{background:var(--dark-bg-primary);color:var(--dark-text-primary)}.trend-indicator{color:var(--light-blue);font-weight:600}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--gray)}[data-theme=dark] .stat-item{border-bottom-color:var(--dark-border)}.stat-item:last-child{border-bottom:none}.stat-item span:first-child{color:var(--dark-gray);font-size:.9rem}[data-theme=dark] .stat-item span:first-child{color:var(--dark-text-secondary)}.stat-value{font-weight:600;color:var(--light-blue);font-size:1.1rem}.link-btn{padding:.75rem 1rem;background:var(--light-blue);color:var(--white);border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s;text-align:left}.link-btn:hover{background:var(--secondary-blue);transform:translate(4px)}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1e3c72 0%,#2a5298 50%,#1e3c72 100%);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.loading-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);animation:backgroundPulse 4s ease-in-out infinite}@keyframes backgroundPulse{0%,to{opacity:.5}50%{opacity:1}}.loading-content{text-align:center;z-index:1;position:relative;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loading-emblem{margin-bottom:2rem;display:flex;justify-content:center;animation:emblemFloat 3s ease-in-out infinite}@keyframes emblemFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.emblem-circle{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#ffd700 0%,#ffed4e 100%);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 30px #ffd70080,0 10px 40px #0000004d,inset 0 2px 10px #ffffff4d;border:4px solid #ffd700}.emblem-star{position:absolute;z-index:2;color:#1e3c72;width:80px;height:80px;animation:starRotate 4s linear infinite}@keyframes starRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.star-svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.emblem-wreath{position:absolute;width:100%;height:100%;z-index:1}.wreath-left,.wreath-right{position:absolute;width:70px;height:90px;top:50%;transform:translateY(-50%)}.wreath-left{left:5px}.wreath-right{right:5px}.wreath-leaf{position:absolute;width:30px;height:40px;background:linear-gradient(135deg,#2d5016 0%,#4a7c2a 100%);border-radius:0 100%;box-shadow:inset 0 2px 5px #0000004d}.wreath-left .wreath-leaf:nth-child(1){top:10px;left:10px;transform:rotate(-20deg)}.wreath-left .wreath-leaf:nth-child(2){bottom:10px;left:15px;transform:rotate(20deg)}.wreath-right .wreath-leaf:nth-child(1){top:10px;right:10px;transform:rotate(20deg) scaleX(-1)}.wreath-right .wreath-leaf:nth-child(2){bottom:10px;right:15px;transform:rotate(-20deg) scaleX(-1)}.emblem-shield{position:absolute;width:45px;height:55px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;opacity:.3}.shield-top,.shield-bottom{position:absolute;width:100%;background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);border:2px solid #0d1b3a}.shield-top{height:28px;top:0;border-radius:50% 50% 0 0;border-bottom:none}.shield-bottom{height:27px;bottom:0;border-radius:0 0 30% 30%;border-top:none;clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%)}.loading-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 20px rgba(255,255,255,.3);letter-spacing:2px;animation:titleGlow 2s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 20px rgba(255,255,255,.3)}50%{text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 30px rgba(255,255,255,.6)}}.loading-subtitle{font-size:1.5rem;font-weight:400;color:#ffffffe6;margin:0;margin-bottom:3rem;text-shadow:1px 1px 3px rgba(0,0,0,.5);letter-spacing:1px}.loading-spinner-container{margin:2rem 0;display:flex;justify-content:center;align-items:center}.loading-spinner{position:relative;width:80px;height:80px}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:gold;border-radius:50%;animation:spin 1.5s linear infinite}.spinner-ring:nth-child(1){animation-delay:0s;border-top-color:gold}.spinner-ring:nth-child(2){animation-delay:.5s;border-top-color:#ffed4e;width:70%;height:70%;top:15%;left:15%}.spinner-ring:nth-child(3){animation-delay:1s;border-top-color:#fff8dc;width:50%;height:50%;top:25%;left:25%}.loading-text{color:#fffc;font-size:1rem;margin-top:2rem;letter-spacing:1px;animation:textPulse 2s ease-in-out infinite}@keyframes textPulse{0%,to{opacity:.6}50%{opacity:1}}@media (max-width: 768px){.emblem-circle{width:120px;height:120px}.emblem-star{width:60px;height:60px}.wreath-left,.wreath-right{width:45px;height:60px}.loading-title{font-size:2rem}.loading-subtitle{font-size:1.2rem}.loading-spinner{width:60px;height:60px}}@media (max-width: 480px){.emblem-circle{width:100px;height:100px}.emblem-star{width:50px;height:50px}.wreath-left,.wreath-right{width:35px;height:50px}.loading-title{font-size:1.5rem;letter-spacing:1px}.loading-subtitle{font-size:1rem}}.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:12px 0;border-bottom:1px solid #f3f4f6;transition:all .3s ease;position:relative}.stat-row:hover{background-color:#f9fafb;padding-left:12px;padding-right:12px;margin-left:-12px;margin-right:-12px;border-radius:8px}.stat-row:last-child{border-bottom:none}.stat-label{color:#6b7280;font-size:.8125rem;font-weight:500}.stat-value-gradient{position:relative;padding:6px 14px;border-radius:6px;font-weight:400!important;font-size:.75rem!important;color:#1e3c72;background:#f8f9fa;box-shadow:0 2px 8px #00000014;transition:all .2s ease;display:inline-block;min-width:100px;text-align:center;border:2px solid #1e3c72}.stat-value-gradient:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:6px;padding:2px;background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1;opacity:1}.stat-value-gradient:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1e3c7226;background:#ffffff}.stat-value-login{background:#f8f9fa;color:#1e3c72;border:2px solid #1e3c72}.stat-value-login:before{background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);opacity:1}.stat-value-login:hover{background:#ffffff;box-shadow:0 4px 12px #1e3c7226}.stat-value-rank{background:#f8f9fa;color:#1e3c72;border:2px solid #2a5298}.stat-value-rank:before{background:linear-gradient(135deg,#2a5298 0%,#3b6ba8 100%);opacity:1}.stat-value-rank:hover{background:#ffffff;box-shadow:0 4px 12px #2a529826}.stat-value-position{background:#f8f9fa;color:#1e3c72;border:2px solid #1e3c72}.stat-value-position:before{background:linear-gradient(135deg,#1e3c72 0%,#2a5298 50%,#3b6ba8 100%);opacity:1}.stat-value-position:hover{background:#ffffff;box-shadow:0 4px 12px #1e3c7226}.stat-value-role{background:#f8f9fa;color:#1e3c72;border:2px solid #2a5298}.stat-value-role:before{background:linear-gradient(135deg,#2a5298 0%,#1e3c72 50%,#3b6ba8 100%);opacity:1}.stat-value-role:hover{background:#ffffff;box-shadow:0 4px 12px #2a529826}.stat-value{font-weight:500;color:#111827;font-size:.8125rem}.stat-value-gradient,.stat-value-login,.stat-value-rank,.stat-value-position,.stat-value-role{font-weight:400!important;font-size:.75rem!important}.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}}[data-theme=dark] .user-profile{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .profile-loading{color:var(--text-secondary)!important}[data-theme=dark] .profile-header h1{color:var(--text-primary)!important}[data-theme=dark] .profile-card{background:var(--bg-secondary)!important;border-color:var(--border)!important;box-shadow:0 5px 15px #0000004d!important}[data-theme=dark] .card-header{border-bottom-color:var(--border)!important}[data-theme=dark] .card-header h3,[data-theme=dark] .form-group label{color:var(--text-primary)!important}[data-theme=dark] .form-group input{background:var(--bg-hover)!important;color:var(--text-primary)!important;border-color:var(--border)!important}[data-theme=dark] .form-group input:disabled{background:var(--bg-secondary)!important;color:var(--text-secondary)!important}[data-theme=dark] .form-group input:focus{border-color:var(--light-blue)!important;box-shadow:0 0 0 3px #3498db33!important}[data-theme=dark] .card-actions{border-top-color:var(--border)!important}[data-theme=dark] .vehicle-details{background:var(--bg-hover)!important;border-left-color:#10b981!important}[data-theme=dark] .vehicle-model{color:var(--text-primary)!important}[data-theme=dark] .vehicle-plate,[data-theme=dark] .vehicle-department,[data-theme=dark] .no-vehicle{color:var(--text-secondary)!important}[data-theme=dark] .stat-row{border-bottom-color:var(--border)!important}[data-theme=dark] .stat-row:hover{background-color:var(--bg-hover)!important}[data-theme=dark] .stat-value-gradient,[data-theme=dark] .stat-value-login,[data-theme=dark] .stat-value-rank,[data-theme=dark] .stat-value-position,[data-theme=dark] .stat-value-role{background:var(--bg-hover)!important;color:var(--light-blue)!important;border-color:var(--light-blue)!important}[data-theme=dark] .stat-value-gradient:hover,[data-theme=dark] .stat-value-login:hover,[data-theme=dark] .stat-value-rank:hover,[data-theme=dark] .stat-value-position:hover,[data-theme=dark] .stat-value-role:hover{background:var(--bg-secondary)!important;box-shadow:0 4px 12px #3498db33!important}[data-theme=dark] .stat-badge.active{background:rgba(39,174,96,.2)!important;color:#2ecc71!important}[data-theme=dark] .stat-badge.inactive{background:rgba(239,68,68,.2)!important;color:#e74c3c!important}[data-theme=dark] .quick-actions-card{background:var(--bg-secondary)!important;border-color:var(--border)!important;box-shadow:0 2px 8px #0000004d!important}[data-theme=dark] .quick-action-btn{background:var(--bg-hover)!important;border-color:var(--border)!important;color:var(--text-primary)!important}[data-theme=dark] .quick-action-btn:hover{background:var(--bg-secondary)!important;border-color:var(--light-blue)!important}[data-theme=dark] .action-label{color:var(--text-primary)!important}.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 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}[data-theme=dark] .news-list{background:var(--bg-primary)!important}[data-theme=dark] .news-header{border-bottom-color:var(--border)!important}[data-theme=dark] .news-header h1{color:var(--text-primary)!important}[data-theme=dark] .news-item{background:var(--bg-secondary)!important;border-left-color:var(--light-blue)!important;box-shadow:0 5px 15px #0000004d!important}[data-theme=dark] .news-item h3{color:var(--text-primary)!important}[data-theme=dark] .news-content{color:var(--text-primary)!important}[data-theme=dark] .news-footer{border-top-color:var(--border)!important}[data-theme=dark] .comment-section{background:var(--bg-hover)!important;border-color:var(--border)!important}[data-theme=dark] .comment-item{background:var(--bg-secondary)!important;border-color:var(--border)!important}[data-theme=dark] .comment-author,[data-theme=dark] .comment-text{color:var(--text-primary)!important}[data-theme=dark] .comment-time{color:var(--text-secondary)!important}.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}}.news-comments-section{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--gray)}[data-theme=dark] .news-comments-section{border-top-color:var(--dark-border)}.news-comments-section h3{font-size:1.25rem;margin-bottom:1.5rem;color:var(--text-primary)}[data-theme=dark] .news-comments-section h3{color:var(--dark-text-primary)}.comments-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.comment-item{padding:1rem;background:var(--light-gray);border-radius:8px;border-left:3px solid var(--light-blue)}[data-theme=dark] .comment-item{background:var(--dark-bg-primary);border-left-color:var(--light-blue)}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:1rem}.comment-author{font-weight:600;color:var(--text-primary)}[data-theme=dark] .comment-author{color:var(--dark-text-primary)}.comment-date{font-size:.85rem;color:var(--dark-gray)}[data-theme=dark] .comment-date{color:var(--dark-text-secondary)}.comment-delete-btn{background:none;border:none;color:var(--danger);font-size:1.5rem;cursor:pointer;padding:0;line-height:1;opacity:.7;transition:opacity .2s}.comment-delete-btn:hover{opacity:1}.comment-content{color:var(--text-primary);line-height:1.6}[data-theme=dark] .comment-content{color:var(--dark-text-primary)}.no-comments{text-align:center;padding:2rem;color:var(--dark-gray);font-style:italic}[data-theme=dark] .no-comments{color:var(--dark-text-secondary)}.comment-form{display:flex;flex-direction:column;gap:.75rem}.comment-input{width:100%;padding:.75rem;border:2px solid var(--gray);border-radius:8px;font-size:.9rem;font-family:inherit;resize:vertical;outline:none;transition:border-color .2s}[data-theme=dark] .comment-input{background:var(--dark-bg-primary);border-color:var(--dark-border);color:var(--dark-text-primary)}.comment-input:focus{border-color:var(--light-blue)}.comment-submit-btn{align-self:flex-end;padding:.5rem 1.5rem;background:var(--light-blue);color:var(--white);border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.comment-submit-btn:hover:not(:disabled){background:var(--secondary-blue);transform:translateY(-1px)}.comment-submit-btn:disabled{opacity:.5;cursor:not-allowed}.comments-loading{text-align:center;padding:2rem;color:var(--dark-gray)}[data-theme=dark] .comments-loading{color:var(--dark-text-secondary)}[data-theme=dark] .news-loading p{color:var(--text-secondary)!important}[data-theme=dark] .news-loading .loading-spinner{border-color:var(--bg-secondary)!important;border-top-color:var(--light-blue)!important}[data-theme=dark] .no-news{color:var(--text-secondary)!important}[data-theme=dark] .news-card{background:var(--bg-secondary)!important;border-color:var(--border)!important;box-shadow:0 2px 8px #0000004d!important}[data-theme=dark] .news-card:hover{box-shadow:0 8px 16px #0006!important}[data-theme=dark] .news-title{color:var(--text-primary)!important}[data-theme=dark] .news-form-modal{background:rgba(0,0,0,.7)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-theme=dark] .news-form-container{background:var(--bg-secondary)!important;border:1px solid var(--border)!important}[data-theme=dark] .news-form-header{background:var(--bg-hover)!important;border-bottom-color:var(--border)!important}[data-theme=dark] .news-form-header h2{color:var(--text-primary)!important}[data-theme=dark] .form-group label{color:var(--text-primary)!important}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:var(--bg-hover)!important;color:var(--text-primary)!important;border-color:var(--border)!important}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .form-group textarea:focus{border-color:var(--light-blue)!important;box-shadow:0 0 0 3px #3498db33!important}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:var(--text-secondary)!important;opacity:.7}[data-theme=dark] .cancel-btn{background:var(--bg-hover)!important;color:var(--text-primary)!important;border-color:var(--border)!important}[data-theme=dark] .file-input-label{background:var(--bg-hover)!important;border-color:var(--border)!important;color:var(--text-primary)!important}[data-theme=dark] .file-input-label:hover{background:var(--bg-secondary)!important;border-color:var(--light-blue)!important;color:var(--light-blue)!important}[data-theme=dark] .image-preview{border-color:var(--border)!important}[data-theme=dark] .full-news-modal{background:rgba(0,0,0,.7)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-theme=dark] .full-news-container{background:var(--bg-secondary)!important;border:1px solid var(--border)!important}[data-theme=dark] .full-news-header{background:var(--bg-hover)!important;border-bottom-color:var(--border)!important}[data-theme=dark] .full-news-header h2{color:var(--text-primary)!important}[data-theme=dark] .full-news-meta{border-bottom-color:var(--border)!important;color:var(--text-secondary)!important}[data-theme=dark] .full-news-meta span{color:var(--text-secondary)!important}[data-theme=dark] .full-news-text,[data-theme=dark] .full-news-text p{color:var(--text-primary)!important}[data-theme=dark] .news-comments-section{border-top-color:var(--border)!important}[data-theme=dark] .news-comments-section h3{color:var(--text-primary)!important}[data-theme=dark] .comment-item{background:var(--bg-hover)!important;border-left-color:var(--light-blue)!important}[data-theme=dark] .comment-header{border-bottom-color:var(--border)!important}[data-theme=dark] .comment-author{color:var(--text-primary)!important}[data-theme=dark] .comment-date{color:var(--text-secondary)!important}[data-theme=dark] .comment-content{color:var(--text-primary)!important}[data-theme=dark] .comment-delete-btn{color:var(--danger)!important}[data-theme=dark] .comment-delete-btn:hover{background:rgba(239,68,68,.2)!important}[data-theme=dark] .comment-input{background:var(--bg-hover)!important;color:var(--text-primary)!important;border-color:var(--border)!important}[data-theme=dark] .comment-input:focus{border-color:var(--light-blue)!important;box-shadow:0 0 0 3px #3498db33!important}[data-theme=dark] .comment-input::placeholder{color:var(--text-secondary)!important;opacity:.7}[data-theme=dark] .comment-submit-btn:disabled{opacity:.5;background:var(--bg-hover)!important;color:var(--text-secondary)!important}}.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;line-height:1.35}.employee-fio-text,.employee-cell-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.35}.drag-icon{font-size:1rem;color:#95a5a6;cursor:move;-webkit-user-select:none;user-select:none;line-height:1}.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%;line-height:1}.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;position:relative}.employees-table tr:before{content:none!important}.employees-table tr:hover:before{content:none!important}.employees-table th{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:16px;text-align:left;font-weight:600;color:#fff;font-size:.875rem;border-bottom:1px solid rgba(255,255,255,.1);text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;overflow:hidden}.employees-table th:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-header 3s infinite}.employees-table td{padding:16px;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.875rem;position:relative;z-index:1;transition:color .3s ease,font-weight .3s ease;vertical-align:middle;line-height:1.35;height:72px}.employees-table tr{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.employees-table tr:last-child td{border-bottom:none}.employees-table tr:hover{background:linear-gradient(135deg,#f0f4ff 0%,#e8f0fe 100%);transform:scale(1.001);box-shadow:0 2px 8px #667eea26}.employees-table tr:hover td{color:#1e3a8a;font-weight:500}.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}.employees-table td{height:68px}.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,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.employee-details-container{background:rgba(255,255,255,.94);border-radius:18px;border:1px solid rgba(0,0,0,.08);color:#0d1b3aeb;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;animation:slideInUp .3s ease-out;box-shadow:0 22px 60px #00000038;scrollbar-width:thin;scrollbar-color:rgba(13,27,58,.28) rgba(13,27,58,.06)}.employee-details-container::-webkit-scrollbar{width:10px}.employee-details-container::-webkit-scrollbar-track{background:rgba(13,27,58,.06);border-radius:999px}.employee-details-container::-webkit-scrollbar-thumb{background:rgba(13,27,58,.28);border-radius:999px}.employee-details-container::-webkit-scrollbar-thumb:hover{background:rgba(13,27,58,.4)}.employee-details-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:inherit;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1}.employee-details-header h2{margin:0;color:#0d1b3aeb;font-size:1.25rem;font-weight:600}.employee-details-content{padding:24px}.employee-details-container .detail-section{margin-bottom:24px}.employee-details-container .detail-section h3{margin:0 0 16px;color:#0d1b3aeb;font-size:1.125rem;font-weight:600;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.employee-details-container .detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.employee-details-container .detail-item{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:14px;border:1px solid rgba(0,0,0,.08);background:rgba(13,27,58,.02)}.employee-details-container .detail-item strong{color:#0d1b3ab8;font-size:.875rem;font-weight:600}.employee-details-container .detail-item span{color:#0d1b3adb;font-size:.95rem;line-height:1.35;word-break:break-word}.employee-details-actions{display:flex;gap:12px;justify-content:flex-end;padding:24px;border-top:1px solid #e5e7eb;background:rgba(13,27,58,.02)}.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}[data-theme=dark] .employee-table{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .employees-header{border-bottom-color:var(--border)!important}[data-theme=dark] .employees-header h1{color:var(--text-primary)!important}[data-theme=dark] .category-header{border-bottom-color:var(--border)!important}[data-theme=dark] .category-title{color:var(--text-primary)!important}[data-theme=dark] .employee-row:hover{background:var(--bg-hover)!important}[data-theme=dark] .employee-row.dragging{background:rgba(52,152,219,.2)!important}[data-theme=dark] .employee-row.drag-over{background:rgba(102,126,234,.15)!important;border-top-color:#667eea!important}[data-theme=dark] .no-employees,[data-theme=dark] .no-employees-in-category{color:var(--text-secondary)!important;background:var(--bg-hover)!important;border-color:var(--border)!important}[data-theme=dark] .employees-table th{background:var(--bg-hover)!important;color:var(--text-primary)!important;border-bottom-color:var(--border)!important}[data-theme=dark] .employees-table td{color:var(--text-primary)!important;border-bottom-color:var(--border)!important}[data-theme=dark] .employees-table tr:hover{background:var(--bg-hover)!important}[data-theme=dark] .employee-name{color:var(--text-primary)!important}[data-theme=dark] .employee-form-modal{background:rgba(0,0,0,.7)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-theme=dark] .employee-details-modal{background:rgba(0,0,0,.72)!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}[data-theme=dark] .employee-form-container,[data-theme=dark] .employee-details-container{background:var(--bg-secondary)!important;border:1px solid var(--border)!important}[data-theme=dark] .employee-form-header,[data-theme=dark] .employee-details-header{border-bottom-color:var(--border)!important;background:var(--bg-hover)!important}[data-theme=dark] .employee-form-header h2,[data-theme=dark] .employee-details-header h2{color:var(--text-primary)!important}[data-theme=dark] .close-btn{color:var(--text-secondary)!important}[data-theme=dark] .close-btn:hover{color:var(--text-primary)!important;background:var(--bg-hover)!important}[data-theme=dark] .employee-form .form-group label{color:var(--text-primary)!important}[data-theme=dark] .employee-form .form-group input,[data-theme=dark] .employee-form .form-group select{background:var(--bg-hover)!important;color:var(--text-primary)!important;border-color:var(--border)!important}[data-theme=dark] .employee-form .form-group input:focus,[data-theme=dark] .employee-form .form-group select:focus{border-color:var(--light-blue)!important;box-shadow:0 0 0 3px #3498db33!important}[data-theme=dark] .employee-form .form-group input::placeholder,[data-theme=dark] .employee-form .form-group select::placeholder{color:var(--text-secondary)!important;opacity:.7}[data-theme=dark] .employee-form .form-actions{border-top-color:var(--border)!important}[data-theme=dark] .employee-form .cancel-btn{background:var(--bg-hover)!important;color:var(--text-primary)!important;border-color:var(--border)!important}[data-theme=dark] .employee-form .cancel-btn:hover,[data-theme=dark] .employee-details-content{background:var(--bg-secondary)!important}[data-theme=dark] .detail-section h3{color:var(--text-primary)!important;border-bottom-color:var(--border)!important}[data-theme=dark] .employee-details-container .detail-item{background:rgba(255,255,255,.06)!important;border-color:var(--border)!important}[data-theme=dark] .employee-details-container .detail-item strong{color:var(--text-primary)!important}[data-theme=dark] .employee-details-container .detail-item span{color:var(--text-secondary)!important}[data-theme=dark] .employee-details-actions{border-top-color:var(--border)!important;background:var(--bg-hover)!important}[data-theme=dark] .employees-loading p{color:var(--text-secondary)!important}[data-theme=dark] .employees-loading .loading-spinner{border-color:var(--bg-secondary)!important;border-top-color:var(--light-blue)!important}[data-theme=dark] .no-data,[data-theme=dark] .no-employees-hint{color:var(--text-secondary)!important}[data-theme=dark] .employees-table th{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;color:#fff!important}[data-theme=dark] .employees-table tr:hover{background:linear-gradient(135deg,rgba(102,126,234,.15) 0%,rgba(118,75,162,.1) 100%)!important}[data-theme=dark] .employees-table tr:hover td{color:var(--light-blue)!important}.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-actions{display:flex;gap:10px;align-items:center}.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,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.vehicle-form-container{background:white;border-radius:16px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;animation:slideInUp .3s cubic-bezier(.4,0,.2,1);position:relative}.vehicle-form-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border-radius:16px 16px 0 0;position:sticky;top:0;z-index:10}.vehicle-form-header h2{margin:0;color:#111827;font-size:1.25rem;font-weight:600}.vehicle-form{padding:28px;display:flex;flex-direction:column;gap:24px;background:white}.vehicle-form .form-group{display:flex;flex-direction:column;gap:8px}.vehicle-form .form-group label{font-weight:600;color:#111827;font-size:.875rem;margin-bottom:8px;display:block}.vehicle-form .form-group input,.vehicle-form .form-group select,.vehicle-form .form-group textarea{padding:12px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-family:inherit;transition:all .2s;background:white}.vehicle-form .form-group input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.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;background:#fafbff}.vehicle-form .form-group input:not(:disabled):hover,.vehicle-form .form-group select:not(:disabled):hover,.vehicle-form .form-group textarea:not(:disabled):hover{border-color:#c7d2fe}.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:6px;display:flex;align-items:center;gap:4px;font-weight:500}.vehicle-form .error-message:before{content:"⚠️";font-size:.875rem}.form-hint{color:#6b7280;font-size:.75rem;margin-top:6px;display:flex;align-items:center;gap:4px;font-style:italic}.success-hint{color:#059669!important;font-weight:500;font-style:normal}.form-step{margin-bottom:32px;padding:24px;background:linear-gradient(135deg,#f9fafb 0%,#ffffff 100%);border-radius:12px;border:2px solid #e5e7eb;transition:all .3s;box-shadow:0 2px 8px #0000000a}.form-step:hover{border-color:#c7d2fe;box-shadow:0 4px 12px #667eea1a}.form-step:last-of-type{margin-bottom:0}.form-step-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:50%;font-weight:600;font-size:.875rem;flex-shrink:0}.form-step-header h3{margin:0;color:#111827;font-size:1.125rem;font-weight:600}.or-divider{display:flex;align-items:center;margin:12px 0;text-align:center}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.or-divider span{padding:0 12px;color:#6b7280;font-size:.8125rem;font-weight:500}.vehicle-form .form-actions{display:flex;gap:12px;justify-content:flex-end;padding:24px 28px;border-top:2px solid #e5e7eb;margin-top:10px;background:linear-gradient(135deg,#f9fafb 0%,#ffffff 100%);border-radius:0 0 16px 16px;position:sticky;bottom:0;z-index:10;box-shadow:0 -4px 12px #0000000a}.vehicle-form .cancel-btn{padding:12px 24px;border:2px solid #e5e7eb;background:white;border-radius:8px;color:#374151;font-weight:600;cursor:pointer;transition:all .2s}.vehicle-form .cancel-btn:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.vehicle-form .save-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #667eea33}.vehicle-form .save-btn:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%);transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.vehicle-form .save-btn:active{transform:translateY(0)}.vehicle-form-header .close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:50%}.vehicle-form-header .close-btn:hover{color:#ef4444;background:#fee2e2;transform:rotate(90deg)}.vehicles-loading p{color:#6b7280;font-size:1rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:4px 0}.form-grid .form-group{position:relative}.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}.no-vehicles-message{text-align:center;padding:40px;color:#6b7280;font-size:1rem}.vehicles-table{width:100%;border-collapse:collapse;position:relative}.vehicles-table th{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;padding:16px!important;text-align:left!important;font-weight:600!important;color:#fff!important;font-size:.875rem!important;border-bottom:1px solid rgba(255,255,255,.1)!important;text-shadow:0 1px 2px rgba(0,0,0,.1)!important;position:relative!important;overflow:hidden!important;white-space:nowrap!important}.vehicles-table thead th{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;color:#fff!important}.vehicles-table th:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)!important;animation:shimmer-header 3s infinite!important;z-index:1!important}.vehicles-table td{padding:16px;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.875rem;position:relative;z-index:1;transition:color .3s ease,font-weight .3s ease}.vehicles-table tr{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.vehicles-table tr:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transition:left .5s ease;z-index:0}.vehicles-table tr:last-child td{border-bottom:none}.vehicles-table tr:hover{background:linear-gradient(135deg,#f0f4ff 0%,#e8f0fe 100%);transform:scale(1.001);box-shadow:0 2px 8px #667eea26}.vehicles-table tr:hover:before{left:100%}.vehicles-table tr:hover td{color:#1e3a8a;font-weight:500}.plate-number{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#fff7d6 0%,#fde68a 100%);color:#7c2d12;padding:6px 12px;border-radius:10px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.9rem;font-weight:700;border:1.5px solid #f59e0b;box-shadow:0 3px 10px #f59e0b40,inset 0 1px #ffffffb3;letter-spacing:.5px;text-transform:uppercase;position:relative;overflow:hidden}.plate-number:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-20deg);animation:plate-shimmer 2.8s infinite}@keyframes plate-shimmer{0%{left:-120%}to{left:140%}}.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{padding:12px!important;font-size:.8125rem!important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;color:#fff!important}.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{padding:10px!important;font-size:.75rem!important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;color:#fff!important}.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,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.vehicle-details-container{background:rgba(255,255,255,.94);border-radius:12px;border:1px solid rgba(0,0,0,.08);color:#0d1b3aeb;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;animation:slideInUp .3s ease-out;box-shadow:0 22px 60px #00000038}.vehicle-details-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:inherit;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1}.vehicle-details-header h2{margin:0;color:#0d1b3aeb;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}.vehicle-details-container .detail-section{margin-bottom:24px}.vehicle-details-container .detail-section h3{margin:0 0 16px;color:#0d1b3aeb;font-size:1.125rem;font-weight:600}.vehicle-details-container .detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.vehicle-details-container .detail-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:rgba(13,27,58,.02);border-radius:6px;border:1px solid rgba(0,0,0,.08)}.vehicle-details-container .detail-item strong{color:#0d1b3ab8;font-size:.875rem;font-weight:600}.vehicle-details-container .detail-item span{color:#0d1b3adb;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}.model-management-container{max-width:700px!important;animation:slideInUp .3s cubic-bezier(.4,0,.2,1)}.form-group-full{grid-column:1 / -1}.departments-checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:12px;padding:20px;background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border-radius:12px;border:2px solid #e5e7eb;box-shadow:inset 0 1px 3px #0000000d}.department-checkbox-label{position:relative;display:flex;align-items:center;gap:14px;padding:14px 16px;background:white;border-radius:10px;border:2px solid #e5e7eb;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;min-height:56px;box-shadow:0 1px 2px #0000000d;width:100%}.department-checkbox-label .department-checkbox-text{flex:1;padding-right:50px}.department-checkbox-label:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);opacity:0;transition:opacity .3s;z-index:0}.department-checkbox-label:hover{border-color:#667eea;background:#f0f4ff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.department-checkbox-label:hover:before{opacity:.05}.department-checkbox-label:has(input:checked){border-color:#667eea;background:linear-gradient(135deg,#eef2ff 0%,#f3e8ff 100%);box-shadow:0 0 0 3px #667eea26,0 4px 12px #667eea33;transform:translateY(-1px)}.department-checkbox-label:has(input:checked):before{opacity:.1}.department-checkbox-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.department-checkbox{position:absolute;width:0;height:0;opacity:0;margin:0;cursor:pointer;z-index:2}.department-checkbox-custom{position:relative;width:24px;height:24px;min-width:24px;min-height:24px;border:2px solid #d1d5db;border-radius:6px;background:white;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;z-index:1;margin:0;vertical-align:middle}.department-checkbox:checked~.department-checkbox-custom{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;box-shadow:0 2px 8px #667eea4d;transform:scale(1.05)}.department-checkbox:checked~.department-checkbox-custom:after{content:"✓";color:#fff;font-size:16px;font-weight:700;line-height:1;animation:checkmark .3s cubic-bezier(.4,0,.2,1)}.department-checkbox-label:hover .department-checkbox-custom{border-color:#667eea;transform:scale(1.05)}.department-checkbox-text{font-size:.9375rem;color:#374151;font-weight:600;flex:1;position:relative;z-index:1;transition:color .3s;display:flex;align-items:center}.department-checkbox-label:has(input:checked) .department-checkbox-text{color:#667eea}@keyframes checkmark{0%{transform:scale(0) rotate(45deg);opacity:0}50%{transform:scale(1.2) rotate(45deg)}to{transform:scale(1) rotate(0);opacity:1}}.models-list-section{margin-top:30px;padding-top:24px;border-top:2px solid #e5e7eb}.models-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.models-list-header h3{margin:0;color:#111827;font-size:1.125rem;font-weight:600}.models-count{background:#667eea;color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600}.no-models-message{text-align:center;padding:40px 20px;color:#6b7280}.no-models-icon{font-size:3rem;display:block;margin-bottom:12px;opacity:.5}.no-models-message p{margin:8px 0;font-size:.875rem}.no-models-hint{color:#9ca3af;font-size:.8125rem}.models-list{display:flex;flex-direction:column;gap:12px}.model-card{background:white;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s}.model-card:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a;transform:translateY(-1px)}.model-card-content{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.model-name-section{display:flex;align-items:flex-start;gap:12px;flex:1}.model-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.model-name{display:block;color:#111827;font-size:1rem;font-weight:600;margin-bottom:8px}.model-departments{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.8125rem}.departments-label{color:#6b7280;font-weight:500}.departments-tags{display:flex;flex-wrap:wrap;gap:6px}.department-tag{background:#eef2ff;color:#667eea;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid #c7d2fe}.no-departments{color:#9ca3af;font-style:italic}.model-actions{display:flex;gap:8px;flex-shrink:0}.model-edit-btn,.model-delete-btn{padding:8px 14px;border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.model-edit-btn{background:#667eea;color:#fff}.model-edit-btn:hover{background:#5a6fd8;transform:translateY(-1px);box-shadow:0 2px 4px #667eea33}.model-delete-btn{background:#fee2e2;color:#dc2626}.model-delete-btn:hover{background:#fecaca;transform:translateY(-1px);box-shadow:0 2px 4px #dc262633}@media (max-width: 768px){.model-management-container{max-width:95%!important;margin:10px}.departments-checkbox-group{grid-template-columns:1fr;padding:16px;gap:12px}.department-checkbox-label{padding:12px 14px;min-height:52px}.department-checkbox+.department-checkbox-custom{width:22px;height:22px;min-width:22px;min-height:22px}.department-checkbox:checked+.department-checkbox-custom:after{font-size:14px}.department-checkbox-text{font-size:.875rem}.model-card-content{flex-direction:column}.model-actions{width:100%;justify-content:stretch}.model-edit-btn,.model-delete-btn{flex:1}.departments-tags{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.departments-checkbox-group{padding:12px;gap:10px}.department-checkbox-label{padding:10px 12px;min-height:48px;gap:12px}.department-checkbox+.department-checkbox-custom{width:20px;height:20px;min-width:20px;min-height:20px}.department-checkbox:checked+.department-checkbox-custom:after{font-size:13px}.department-checkbox-text{font-size:.8125rem}}.license-plates-section{margin-top:24px;padding-top:24px;border-top:2px solid #e5e7eb}.license-plates-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:16px}.license-plates-info-content{display:flex;align-items:flex-start;gap:12px}.license-plates-info-content .info-icon{font-size:1.25rem;flex-shrink:0;margin-top:2px}.license-plates-info-content p{margin:0;color:#0369a1;font-size:.875rem;line-height:1.5}.license-plates-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.license-plates-header>div:first-child{flex:1}.license-plates-hint{margin:4px 0 0;color:#6b7280;font-size:.8125rem;font-style:italic}.license-plates-header h4{margin:0;color:#111827;font-size:1rem;font-weight:600}.add-license-plate-btn{padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.add-license-plate-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 2px 4px #10b98133}.license-plates-list{display:flex;flex-direction:column;gap:10px}.license-plate-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.license-plate-item:hover{border-color:#667eea;background:#f0f4ff;box-shadow:0 2px 4px #667eea1a}.license-plate-info{display:flex;flex-direction:column;gap:6px;flex:1}.license-plate-number{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#7c2d12;font-size:.95rem;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;background:linear-gradient(135deg,#fff7d6 0%,#fde68a 100%);padding:5px 12px;border-radius:10px;width:fit-content;border:1.5px solid #f59e0b;box-shadow:0 3px 10px #f59e0b40,inset 0 1px #ffffffb3;letter-spacing:.5px;text-transform:uppercase;position:relative;overflow:hidden}.license-plate-number:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-20deg);animation:plate-shimmer 2.8s infinite}.license-plate-departments{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.license-plate-dept-tag{background:#eef2ff;color:#667eea;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid #c7d2fe}.no-dept{color:#9ca3af;font-size:.75rem;font-style:italic}.license-plate-actions{display:flex;gap:8px;flex-shrink:0}.edit-license-plate-btn,.delete-license-plate-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;transition:all .2s;font-size:.875rem}.edit-license-plate-btn:hover{background:#e0f2fe}.delete-license-plate-btn:hover{background:#fee2e2}.no-license-plates{text-align:center;padding:20px;color:#6b7280;font-size:.875rem}.license-plate-form-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease-out}.license-plate-form-container{background:white;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;animation:slideInUp .3s cubic-bezier(.4,0,.2,1);position:relative}.license-plate-form-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border-radius:16px 16px 0 0;position:sticky;top:0;z-index:10}.license-plate-form-header h3{margin:0;color:#111827;font-size:1.25rem;font-weight:600}.license-plate-form{padding:28px;background:white}.license-plate-form .form-actions{display:flex;gap:12px;justify-content:flex-end;padding:24px 28px;border-top:2px solid #e5e7eb;margin-top:20px;background:linear-gradient(135deg,#f9fafb 0%,#ffffff 100%);border-radius:0 0 16px 16px;position:sticky;bottom:0;z-index:10;box-shadow:0 -4px 12px #0000000a}.license-plate-form-header .close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:50%}.license-plate-form-header .close-btn:hover{color:#ef4444;background:#fee2e2;transform:rotate(90deg)}.model-license-plates{margin-top:8px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.8125rem}.license-plates-label{color:#6b7280;font-weight:500}.license-plates-preview{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.license-plate-preview-tag{background:#fef3c7;color:#92400e;padding:3px 8px;border-radius:12px;font-size:.75rem;font-weight:500;font-family:monospace;border:1px solid #f59e0b}.license-plate-more{color:#6b7280;font-size:.75rem;font-style:italic}[data-theme=dark] .vehicle-table{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .vehicles-header{border-bottom-color:var(--border)!important}[data-theme=dark] .vehicles-header h1{color:var(--text-primary)!important}[data-theme=dark] .drag-info-message{background:rgba(243,156,18,.2)!important;border-left-color:#f39c12!important;color:#f39c12!important}[data-theme=dark] .vehicle-section{background:var(--bg-secondary)!important;border:1px solid var(--border)!important;box-shadow:0 1px 3px #0000004d!important}[data-theme=dark] .vehicle-section-header{border-bottom-color:var(--border)!important;background:var(--bg-secondary)!important;background-color:var(--bg-secondary)!important}[data-theme=dark] .vehicle-section-header h3{color:#e9ecef!important;color:var(--text-primary)!important;text-shadow:none!important}[data-theme=dark] .table-container{background:var(--bg-secondary)!important;border-color:var(--border)!important;box-shadow:0 2px 8px #0000004d!important}[data-theme=dark] .table-container::-webkit-scrollbar-track{background:var(--bg-hover)!important}[data-theme=dark] .table-container::-webkit-scrollbar-thumb{background:var(--border)!important}[data-theme=dark] .table-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)!important}[data-theme=dark] .vehicles-table th{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;color:#fff!important}[data-theme=dark] .vehicles-table th:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)!important}[data-theme=dark] .vehicles-table td{color:var(--text-primary)!important;border-bottom-color:var(--border)!important}[data-theme=dark] .vehicles-table tr:hover{background:linear-gradient(135deg,rgba(102,126,234,.15) 0%,rgba(118,75,162,.1) 100%)!important;box-shadow:0 2px 8px #667eea33!important}[data-theme=dark] .vehicles-table tr:hover td{color:var(--light-blue)!important}[data-theme=dark] .vehicles-table tr:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)!important}[data-theme=dark] .plate-number,[data-theme=dark] .license-plate-number{background:linear-gradient(135deg,rgba(255,214,94,.22) 0%,rgba(255,184,51,.18) 100%)!important;border-color:#fbbf24!important;color:#fef3c7!important;box-shadow:0 3px 10px #fbbf244d,inset 0 1px #ffffff14!important}[data-theme=dark] .plate-number:after,[data-theme=dark] .license-plate-number:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent)!important}[data-theme=dark] .model-name,[data-theme=dark] .assigned-to,[data-theme=dark] .vehicle-brand,[data-theme=dark] .owner-name{color:var(--text-primary)!important}[data-theme=dark] .vehicle-model,[data-theme=dark] .owner-phone{color:var(--text-secondary)!important}[data-theme=dark] .vehicle-form-modal{background:rgba(0,0,0,.75)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}[data-theme=dark] .vehicle-form-container{background:var(--bg-secondary)!important;border:1px solid var(--border)!important;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d!important}[data-theme=dark] .vehicle-details-modal{background:rgba(0,0,0,.72)!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}[data-theme=dark] .vehicle-details-container{background:var(--bg-secondary)!important;border:1px solid var(--border)!important;color:var(--text-primary)!important}[data-theme=dark] .vehicle-details-header{border-bottom-color:var(--border)!important;background:var(--bg-hover)!important}[data-theme=dark] .vehicle-details-header h2{color:var(--text-primary)!important}[data-theme=dark] .vehicle-details-header .close-btn{color:var(--text-secondary)!important}[data-theme=dark] .vehicle-details-header .close-btn:hover{color:var(--text-primary)!important;background:var(--bg-secondary)!important}[data-theme=dark] .vehicle-details-container .detail-section h3{color:var(--text-primary)!important}[data-theme=dark] .vehicle-details-container .detail-item{background:rgba(255,255,255,.06)!important;border-color:var(--border)!important}[data-theme=dark] .vehicle-details-container .detail-item strong{color:var(--text-primary)!important}[data-theme=dark] .vehicle-details-container .detail-item span{color:var(--text-secondary)!important}[data-theme=dark] .vehicle-form-header{background:linear-gradient(135deg,var(--bg-hover) 0%,var(--bg-secondary) 100%)!important;border-bottom-color:var(--border)!important}[data-theme=dark] .vehicle-form-header h2{color:var(--text-primary)!important}[data-theme=dark] .vehicle-form{background:var(--bg-secondary)!important}[data-theme=dark] .form-step{background:linear-gradient(135deg,var(--bg-hover) 0%,var(--bg-secondary) 100%)!important;border-color:var(--border)!important;box-shadow:0 2px 8px #0003!important}[data-theme=dark] .form-step:hover{border-color:#667eea66!important;box-shadow:0 4px 12px #667eea26!important}[data-theme=dark] .form-step-header h3{color:var(--text-primary)!important}[data-theme=dark] .form-step-header{border-bottom-color:var(--border)!important}[data-theme=dark] .vehicle-form .form-actions{background:linear-gradient(135deg,var(--bg-hover) 0%,var(--bg-secondary) 100%)!important;border-top-color:var(--border)!important;box-shadow:0 -4px 12px #0003!important}[data-theme=dark] .or-divider:before,[data-theme=dark] .or-divider:after{background:var(--border)!important}[data-theme=dark] .or-divider span,[data-theme=dark] .form-hint{color:var(--text-secondary)!important}[data-theme=dark] .vehicle-form-header .close-btn:hover{background:rgba(239,68,68,.2)!important;color:#f87171!important}[data-theme=dark] .model-management-container{background:var(--bg-secondary)!important}[data-theme=dark] .departments-checkbox-group{background:linear-gradient(135deg,var(--bg-hover) 0%,var(--bg-secondary) 100%)!important;border-color:var(--border)!important;box-shadow:inset 0 1px 3px #0003!important}[data-theme=dark] .department-checkbox-label{background:var(--bg-secondary)!important;border-color:var(--border)!important}[data-theme=dark] .department-checkbox-label:hover{background:rgba(102,126,234,.15)!important;border-color:#667eea66!important}[data-theme=dark] .department-checkbox-label:has(input:checked){background:linear-gradient(135deg,rgba(102,126,234,.2) 0%,rgba(118,75,162,.15) 100%)!important;border-color:#667eea80!important}[data-theme=dark] .department-checkbox-text{color:var(--text-primary)!important}[data-theme=dark] .department-checkbox-label:has(input:checked) .department-checkbox-text{color:var(--light-blue)!important}[data-theme=dark] .department-checkbox-custom{background:var(--bg-hover)!important;border-color:var(--border)!important}[data-theme=dark] .license-plate-form-modal{background:rgba(0,0,0,.75)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}[data-theme=dark] .license-plate-form-container{background:var(--bg-secondary)!important;border:1px solid var(--border)!important;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d!important}[data-theme=dark] .license-plate-form-header{background:linear-gradient(135deg,var(--bg-hover) 0%,var(--bg-secondary) 100%)!important;border-bottom-color:var(--border)!important}[data-theme=dark] .license-plate-form-header h3{color:var(--text-primary)!important}[data-theme=dark] .license-plate-form{background:var(--bg-secondary)!important}[data-theme=dark] .license-plate-form .form-actions{background:linear-gradient(135deg,var(--bg-hover) 0%,var(--bg-secondary) 100%)!important;border-top-color:var(--border)!important;box-shadow:0 -4px 12px #0003!important}[data-theme=dark] .license-plate-form-header .close-btn{color:var(--text-secondary)!important}[data-theme=dark] .license-plate-form-header .close-btn:hover{background:rgba(239,68,68,.2)!important;color:#f87171!important}[data-theme=dark] .models-list-header h3{color:var(--text-primary)!important}[data-theme=dark] .models-list-header{border-bottom-color:var(--border)!important}[data-theme=dark] .models-list-section{border-top-color:var(--border)!important}[data-theme=dark] .no-license-plates,[data-theme=dark] .no-models-message,[data-theme=dark] .no-models-hint{color:var(--text-secondary)!important}[data-theme=dark] .model-card{background:var(--bg-secondary)!important;border-color:var(--border)!important}[data-theme=dark] .model-card:hover{border-color:#667eea66!important;box-shadow:0 2px 8px #667eea33!important}[data-theme=dark] .model-name{color:var(--text-primary)!important}[data-theme=dark] .departments-label,[data-theme=dark] .no-departments{color:var(--text-secondary)!important}[data-theme=dark] .department-tag{background:rgba(102,126,234,.2)!important;color:#a5b4fc!important;border-color:#667eea66!important}[data-theme=dark] .license-plates-section{border-top-color:var(--border)!important}[data-theme=dark] .license-plates-header h4{color:var(--text-primary)!important}[data-theme=dark] .license-plates-hint{color:var(--text-secondary)!important}[data-theme=dark] .license-plate-item{background:var(--bg-hover)!important;border-color:var(--border)!important}[data-theme=dark] .license-plate-item:hover{background:var(--bg-secondary)!important;border-color:#667eea66!important}[data-theme=dark] .vehicle-form .form-group label{color:var(--text-primary)!important}[data-theme=dark] .vehicle-form .form-group input,[data-theme=dark] .vehicle-form .form-group select,[data-theme=dark] .vehicle-form .form-group textarea{background:var(--bg-hover)!important;color:var(--text-primary)!important;border-color:var(--border)!important}[data-theme=dark] .vehicle-form .form-group input:focus,[data-theme=dark] .vehicle-form .form-group select:focus,[data-theme=dark] .vehicle-form .form-group textarea:focus{border-color:var(--light-blue)!important;box-shadow:0 0 0 3px #3498db33!important}[data-theme=dark] .vehicle-form .form-group input::placeholder,[data-theme=dark] .vehicle-form .form-group select::placeholder,[data-theme=dark] .vehicle-form .form-group textarea::placeholder{color:var(--text-secondary)!important;opacity:.7}[data-theme=dark] .no-vehicles-message,[data-theme=dark] .vehicles-loading p{color:var(--text-secondary)!important}[data-theme=dark] .vehicles-loading .loading-spinner{border-color:var(--bg-secondary)!important;border-top-color:var(--light-blue)!important}.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,.vehicles-table{position:relative}.violations-table th,.vehicles-table th{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:16px;text-align:left;font-weight:600;color:#fff;font-size:.875rem;border-bottom:1px solid rgba(255,255,255,.1);text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;overflow:hidden}.violations-table th:before,.vehicles-table th:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-header 3s infinite}.violations-table td,.vehicles-table td{padding:16px;border-bottom:1px solid var(--gray);color:var(--dark-gray);font-size:.875rem;position:relative;z-index:1;transition:color .3s ease,font-weight .3s ease}.violations-table tr,.vehicles-table tr{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.violations-table tr:before,.vehicles-table tr:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transition:left .5s ease;z-index:0}.violations-table tr:last-child td,.vehicles-table tr:last-child td{border-bottom:none}.violations-table tr:hover,.vehicles-table tr:hover{background:linear-gradient(135deg,#f0f4ff 0%,#e8f0fe 100%);transform:scale(1.001);box-shadow:0 2px 8px #667eea26}.violations-table tr:hover:before,.vehicles-table tr:hover:before{left:100%}.violations-table tr:hover td,.vehicles-table tr:hover td{color:#1e3a8a;font-weight:500}.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.stolen{background:#fee2e2;color:#991b1b}.status-badge.wanted{background:#fef3c7;color:#92400e}.status-badge.scrapped{background:#e5e7eb;color:#374151}.status-badge.restored{background:#e8f5e9;color:#2e7d32}.status-badge.deprived-active{background:#fff3e0;color:#e65100}.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}}[data-theme=dark] .violations-table th,[data-theme=dark] .vehicles-table th{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.1)!important}[data-theme=dark] .violations-table th:before,[data-theme=dark] .vehicles-table th:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)!important}[data-theme=dark] .violations-table td,[data-theme=dark] .vehicles-table td{color:var(--text-primary)!important;border-bottom:1px solid var(--border)!important}[data-theme=dark] .violations-table tr:hover,[data-theme=dark] .vehicles-table tr:hover{background:linear-gradient(135deg,rgba(102,126,234,.15) 0%,rgba(118,75,162,.1) 100%)!important}[data-theme=dark] .violations-table tr:hover td,[data-theme=dark] .vehicles-table tr:hover td{color:var(--light-blue)!important}[data-theme=dark] .violations-table tr:before,[data-theme=dark] .vehicles-table tr:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)!important}[data-theme=dark] .status-badge.restored{background:rgba(46,125,50,.3)!important;color:#81c784!important;border:1px solid rgba(46,125,50,.5)!important}[data-theme=dark] .status-badge.deprived-active{background:rgba(230,81,0,.3)!important;color:#ffb74d!important;border:1px solid rgba(230,81,0,.5)!important}[data-theme=dark] .status-badge.active{background:rgba(6,95,70,.3)!important;color:#4caf50!important;border:1px solid rgba(6,95,70,.5)!important}[data-theme=dark] .status-badge.pending{background:rgba(146,64,14,.3)!important;color:#ffb74d!important;border:1px solid rgba(146,64,14,.5)!important}[data-theme=dark] .status-badge.confirmed{background:rgba(6,95,70,.3)!important;color:#4caf50!important;border:1px solid rgba(6,95,70,.5)!important}[data-theme=dark] .status-badge.rejected{background:rgba(153,27,27,.3)!important;color:#ef5350!important;border:1px solid rgba(153,27,27,.5)!important}[data-theme=dark] .status-badge.paid{background:rgba(30,64,175,.3)!important;color:#64b5f6!important;border:1px solid rgba(30,64,175,.5)!important}[data-theme=dark] .violation-form-modal{background:rgba(0,0,0,.8)!important}[data-theme=dark] .violation-form-container{background:var(--bg-secondary)!important;border:1px solid var(--border)!important;box-shadow:0 25px 50px #00000073!important}[data-theme=dark] .violation-form-header{background:var(--bg-secondary)!important;border-bottom:1px solid var(--border)!important}[data-theme=dark] .violation-form-header h2{color:var(--text-primary)!important}[data-theme=dark] .violation-form{background:var(--bg-secondary)!important}[data-theme=dark] .violation-form .form-group label{color:var(--text-secondary)!important}[data-theme=dark] .violation-form .form-group input,[data-theme=dark] .violation-form .form-group select,[data-theme=dark] .violation-form .form-group textarea{background:var(--bg-primary)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important}[data-theme=dark] .violation-form .form-group input::placeholder,[data-theme=dark] .violation-form .form-group select::placeholder,[data-theme=dark] .violation-form .form-group textarea::placeholder{color:var(--text-secondary)!important}[data-theme=dark] .violation-form .form-group input:focus,[data-theme=dark] .violation-form .form-group select:focus,[data-theme=dark] .violation-form .form-group textarea:focus{border-color:var(--light-blue)!important;box-shadow:0 0 0 3px #3498db40!important;outline:none!important}[data-theme=dark] .violation-form .form-group input.error,[data-theme=dark] .violation-form .form-group select.error,[data-theme=dark] .violation-form .form-group textarea.error{border-color:#f87171!important;background:rgba(248,113,113,.1)!important}[data-theme=dark] .violation-form .form-group input.error:focus,[data-theme=dark] .violation-form .form-group select.error:focus,[data-theme=dark] .violation-form .form-group textarea.error:focus{box-shadow:0 0 0 3px #f8717140!important}[data-theme=dark] .violation-form .error-message{color:#fca5a5!important}[data-theme=dark] .violation-form .form-actions{border-top:1px solid var(--border)!important}[data-theme=dark] .violation-form .cancel-btn{background:transparent!important;border:1px solid var(--border)!important;color:var(--text-primary)!important}[data-theme=dark] .violation-form .cancel-btn:hover{background:var(--bg-hover)!important}[data-theme=dark] .violation-form .save-btn{box-shadow:0 10px 30px #667eea40!important}.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,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.user-form-container{background:rgba(255,255,255,.94);border-radius:18px;border:1px solid rgba(0,0,0,.08);width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 22px 60px #00000038;animation:slideInUp .25s ease-out;scrollbar-width:thin;scrollbar-color:rgba(13,27,58,.28) rgba(13,27,58,.06);color:#0d1b3aeb}.user-form-container::-webkit-scrollbar{width:10px}.user-form-container::-webkit-scrollbar-track{background:rgba(13,27,58,.06);border-radius:999px}.user-form-container::-webkit-scrollbar-thumb{background:rgba(13,27,58,.28);border-radius:999px}.user-form-container::-webkit-scrollbar-thumb:hover{background:rgba(13,27,58,.4)}.user-form-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:inherit;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:2}.user-form-header h2{margin:0;color:#0d1b3aeb;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:#0d1b3aeb;background:rgba(13,27,58,.06)}.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:800;color:#0d1b3ad1;font-size:.875rem}.user-form .form-group input,.user-form .form-group select{padding:12px 14px;border:1.5px solid rgba(0,0,0,.14);border-radius:12px;font-size:.875rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;background:rgba(255,255,255,.92);color:#0b1220}.user-form .form-group input:focus,.user-form .form-group select:focus{outline:none;border-color:var(--light-blue);box-shadow:0 0 0 4px #3498db24}.user-form .form-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid rgba(0,0,0,.08);margin:10px -24px -24px;background:rgba(13,27,58,.02);position:sticky;bottom:0;z-index:2}.user-form .cancel-btn{padding:12px 16px;border:1.5px solid rgba(52,152,219,.7);background:transparent;border-radius:12px;color:var(--light-blue);font-weight:900;cursor:pointer;transition:background-color .15s ease,transform .15s ease,border-color .15s ease}.user-form .cancel-btn:hover{background:rgba(52,152,219,.1);border-color:#3498db;transform:translateY(-1px)}.user-form .save-btn{padding:12px 16px;background:linear-gradient(135deg,var(--light-blue) 0%,#2a78c4 100%);color:#fff;border:none;border-radius:12px;font-weight:900;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.user-form .save-btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px #3498db59}.checkbox-group{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:900;color:#0d1b3ad1}.checkbox-label input[type=checkbox]{display:none}.checkmark{width:18px;height:18px;border:2px solid rgba(0,0,0,.18);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;background:rgba(255,255,255,.92)}.checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--light-blue);border-color:var(--light-blue)}.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:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:16px;text-align:left;font-weight:600;color:#fff;font-size:.875rem;border-bottom:1px solid rgba(255,255,255,.1);text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;overflow:hidden}.users-table th:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-header 3s infinite}.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}.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}}[data-theme=dark] .user-form-modal{background:rgba(0,0,0,.72)!important}[data-theme=dark] .user-form-container{background:var(--bg-secondary)!important;border-color:var(--border)!important;color:var(--text-primary)!important;box-shadow:0 22px 60px #00000073!important;scrollbar-color:var(--border) var(--bg-hover)}[data-theme=dark] .user-form-header{border-bottom-color:var(--border)!important;background:var(--bg-hover)!important}[data-theme=dark] .user-form-header h2{color:var(--text-primary)!important}[data-theme=dark] .user-form-header .close-btn{color:var(--text-secondary)!important}[data-theme=dark] .user-form-header .close-btn:hover{color:var(--text-primary)!important;background:var(--bg-secondary)!important}[data-theme=dark] .user-form .form-group label,[data-theme=dark] .checkbox-label{color:var(--text-primary)!important}[data-theme=dark] .user-form .form-group input,[data-theme=dark] .user-form .form-group select{background:rgba(255,255,255,.06)!important;border-color:#ffffff29!important;color:var(--text-primary)!important}[data-theme=dark] .user-form .form-actions{border-top-color:var(--border)!important;background:var(--bg-hover)!important}[data-theme=dark] .user-form .cancel-btn{color:#8ec5ff;border-color:#8ec5ff8c}[data-theme=dark] .users-table th{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.1)!important}[data-theme=dark] .users-table th:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)!important}[data-theme=dark] .users-table td{color:var(--text-primary)!important;border-bottom:1px solid var(--border)!important}[data-theme=dark] .users-table tr:hover{background:linear-gradient(135deg,rgba(102,126,234,.15) 0%,rgba(118,75,162,.1) 100%)!important}[data-theme=dark] .users-table tr:hover td{color:var(--light-blue)!important}[data-theme=dark] .table-container{background:var(--bg-secondary)!important;border:1px solid var(--border)!important}.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}}[data-theme=dark] .profile-edit-container{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .profile-edit-header{border-bottom-color:var(--border)!important}[data-theme=dark] .profile-edit-header h2{background:linear-gradient(135deg,var(--light-blue) 0%,var(--secondary-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .profile-edit-header p{color:var(--text-secondary)!important}[data-theme=dark] .refresh-btn{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important}[data-theme=dark] .profile-edit-filters{background:var(--bg-secondary)!important;border:1px solid var(--border)!important}[data-theme=dark] .filter-group input,[data-theme=dark] .filter-group select{background:var(--bg-hover)!important;color:var(--text-primary)!important;border-color:var(--border)!important}[data-theme=dark] .filter-group input:focus,[data-theme=dark] .filter-group select:focus{border-color:var(--light-blue)!important;box-shadow:0 0 0 3px #3498db33!important}[data-theme=dark] .profile-edit-card{background:var(--bg-secondary)!important;border-color:var(--border)!important;box-shadow:0 4px 6px -1px #0000004d!important}[data-theme=dark] .profile-edit-card:hover{border-color:var(--light-blue)!important;box-shadow:0 10px 15px -3px #0000004d!important}[data-theme=dark] .profile-edit-card.selected{background:var(--bg-hover)!important;border-color:var(--light-blue)!important}[data-theme=dark] .profile-edit-card-name{color:var(--text-primary)!important}[data-theme=dark] .profile-edit-card-username,[data-theme=dark] .profile-edit-card-rank,[data-theme=dark] .profile-edit-card-position{color:var(--text-secondary)!important}[data-theme=dark] .profile-edit-card-status{background:rgba(239,68,68,.2)!important;color:#e74c3c!important}[data-theme=dark] .profile-edit-loading{color:var(--text-secondary)!important}[data-theme=dark] .profile-edit-loading-spinner{border-color:var(--bg-secondary)!important;border-top-color:var(--light-blue)!important}[data-theme=dark] .profile-edit-empty{background:var(--bg-secondary)!important;border:1px solid var(--border)!important}[data-theme=dark] .profile-edit-empty h3{color:var(--text-primary)!important}[data-theme=dark] .profile-edit-empty p{color:var(--text-secondary)!important}[data-theme=dark] .profile-edit-modal-overlay{background:rgba(0,0,0,.7)!important}[data-theme=dark] .profile-edit-modal{background:var(--bg-secondary)!important;border:1px solid var(--border)!important}[data-theme=dark] .profile-edit-modal-header{background:var(--bg-hover)!important;border-bottom-color:var(--border)!important}[data-theme=dark] .profile-edit-modal-header h3{color:var(--text-primary)!important}[data-theme=dark] .close-modal-btn{background:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-theme=dark] .close-modal-btn:hover{background:var(--bg-hover)!important}[data-theme=dark] .form-section{background:var(--bg-hover)!important;border-left-color:var(--light-blue)!important}[data-theme=dark] .form-section h4,[data-theme=dark] .form-group label{color:var(--text-primary)!important}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border)!important}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus{border-color:var(--light-blue)!important;box-shadow:0 0 0 3px #3498db33!important}[data-theme=dark] .toggle-password-btn{color:var(--text-secondary)!important}[data-theme=dark] .toggle-password-btn:hover{background:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-theme=dark] .form-actions{border-top-color:var(--border)!important}[data-theme=dark] .cancel-btn{background:var(--bg-hover)!important;color:var(--text-primary)!important}[data-theme=dark] .cancel-btn:hover{background:var(--bg-secondary)!important}[data-theme=dark] .info-section{background:var(--bg-hover)!important;border-left-color:var(--light-blue)!important}[data-theme=dark] .info-section h4{color:var(--text-primary)!important}[data-theme=dark] .info-label{color:var(--text-secondary)!important}[data-theme=dark] .info-value{color:var(--text-primary)!important}[data-theme=dark] .info-value a{color:var(--light-blue)!important}[data-theme=dark] .password-value{color:var(--text-primary)!important}[data-theme=dark] .role-badge.admin{background:linear-gradient(135deg,rgba(254,226,226,.3) 0%,rgba(254,202,202,.3) 100%)!important;color:#f87171!important;border:1px solid rgba(153,27,27,.5)!important}[data-theme=dark] .role-badge.management{background:linear-gradient(135deg,rgba(254,243,199,.3) 0%,rgba(253,230,138,.3) 100%)!important;color:#fbbf24!important;border:1px solid rgba(146,64,14,.5)!important}[data-theme=dark] .role-badge.inspector{background:linear-gradient(135deg,rgba(219,234,254,.3) 0%,rgba(191,219,254,.3) 100%)!important;color:#60a5fa!important;border:1px solid rgba(30,64,175,.5)!important}[data-theme=dark] .role-badge.user{background:linear-gradient(135deg,rgba(243,244,246,.3) 0%,rgba(229,231,235,.3) 100%)!important;color:#9ca3af!important;border:1px solid rgba(55,65,81,.5)!important}.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%}}[data-theme=dark] .admin-panel{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .admin-stat-card{background:var(--bg-secondary)!important;border-color:var(--border)!important;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003!important}[data-theme=dark] .admin-stat-card.users-stat{background:linear-gradient(135deg,rgba(102,126,234,.15) 0%,rgba(102,126,234,.1) 100%)!important;border-left-color:#667eea!important}[data-theme=dark] .admin-stat-card.reports-stat{background:linear-gradient(135deg,rgba(245,158,11,.15) 0%,rgba(245,158,11,.1) 100%)!important;border-left-color:#f59e0b!important}[data-theme=dark] .admin-stat-card.applications-stat{background:linear-gradient(135deg,rgba(16,185,129,.15) 0%,rgba(16,185,129,.1) 100%)!important;border-left-color:#10b981!important}[data-theme=dark] .admin-stat-card.general-stat{background:linear-gradient(135deg,rgba(59,130,246,.15) 0%,rgba(59,130,246,.1) 100%)!important;border-left-color:#3b82f6!important}[data-theme=dark] .admin-stat-card.system-info-stat{background:linear-gradient(135deg,rgba(139,92,246,.15) 0%,rgba(139,92,246,.1) 100%)!important;border-left-color:#8b5cf6!important}[data-theme=dark] .stat-card-header{border-bottom-color:var(--border)!important}[data-theme=dark] .stat-card-header h3,[data-theme=dark] .stat-main-value{color:var(--text-primary)!important}[data-theme=dark] .stat-detail-item{border-bottom-color:var(--border)!important}[data-theme=dark] .detail-label{color:var(--text-secondary)!important}[data-theme=dark] .detail-value{color:var(--text-primary)!important}[data-theme=dark] .admin-header{background:linear-gradient(135deg,rgba(142,68,173,.9) 0%,rgba(155,89,182,.9) 100%)!important;color:#fff!important}[data-theme=dark] .admin-header-label{color:#ffffffe6!important}[data-theme=dark] .admin-header h1{color:#fff!important}[data-theme=dark] .admin-header p{color:#ffffffe6!important}[data-theme=dark] .admin-search-input{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border)!important}[data-theme=dark] .admin-search-input:focus{border-color:#8e44ad!important;box-shadow:0 0 0 3px #8e44ad33!important}[data-theme=dark] .admin-search-input::placeholder{color:var(--text-secondary)!important}[data-theme=dark] .admin-module-card{background:var(--bg-secondary)!important;border-color:var(--border)!important;box-shadow:0 4px 12px #0000004d!important}[data-theme=dark] .admin-module-card:hover{box-shadow:0 6px 16px #0006!important}[data-theme=dark] .module-content h3{color:var(--text-primary)!important}[data-theme=dark] .module-subtitle{color:var(--text-secondary)!important}[data-theme=dark] .module-open-btn{background:var(--bg-hover)!important;color:var(--text-primary)!important;border-color:var(--border)!important}[data-theme=dark] .module-open-btn:hover,[data-theme=dark] .quick-actions-panel{background:var(--bg-secondary)!important;border-color:var(--border)!important}[data-theme=dark] .quick-actions-panel h3,[data-theme=dark] .quick-links-section h4{color:var(--text-primary)!important}[data-theme=dark] .quick-link-item{background:var(--bg-hover)!important;color:var(--light-blue)!important;border-color:var(--border)!important}[data-theme=dark] .quick-link-item:hover{background:var(--bg-secondary)!important;border-color:var(--light-blue)!important}[data-theme=dark] .admin-loading p{color:var(--text-secondary)!important}[data-theme=dark] .admin-loading .loading-spinner{border-color:var(--bg-secondary)!important;border-top-color:var(--light-blue)!important}[data-theme=dark] .access-denied{background:var(--bg-secondary)!important;border-color:var(--border)!important}[data-theme=dark] .access-denied h2{color:#ef4444!important}.employees-table-page{padding:20px;max-width:1400px;margin:0 auto}.employees-header{margin-bottom:30px}.employees-header h1{font-size:2rem;color:#111827;margin:0}.employees-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #e5e7eb}.tab-button{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;color:#6b7280;transition:all .3s;margin-bottom:-2px}.tab-button:hover{color:#111827;background:#f9fafb}.tab-button.active{color:#2563eb;border-bottom-color:#2563eb;background:#eff6ff}.table-container{background:white;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.employees-table{width:100%;border-collapse:collapse}.employees-table thead{background:#f9fafb}.employees-table th{padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.employees-table td{padding:12px 16px;border-bottom:1px solid #e5e7eb}.employees-table tbody tr:hover{background:#f9fafb}.employees-table tbody tr.blocked{background:#fef2f2;opacity:.7}.password-cell{display:flex;align-items:center;gap:8px}.password-visible{font-family:monospace;color:#111827}.password-hidden{font-family:monospace;letter-spacing:2px;color:#6b7280}.password-toggle-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:4px;opacity:.6;transition:opacity .2s}.password-toggle-btn:hover{opacity:1}.role-select{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:white;color:#374151;cursor:pointer;transition:all .2s;min-width:140px}.role-select:hover{border-color:#2563eb}.role-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.875rem;font-weight:500}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.blocked{background:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:8px}.action-buttons button{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .2s}.view-btn{background:#dbeafe;color:#1e40af}.view-btn:hover{background:#bfdbfe}.edit-btn{background:#fef3c7;color:#92400e}.edit-btn:hover{background:#fde68a}.block-btn{background:#fee2e2;color:#991b1b}.block-btn:hover{background:#fecaca}.unblock-btn{background:#d1fae5;color:#065f46}.unblock-btn:hover{background:#a7f3d0}.no-data{text-align:center;padding:40px;color:#6b7280}.modal-overlay{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}.modal-content{background:white;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-edit{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.5rem;color:#111827}.close-btn{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#111827}.modal-body{padding:24px}.info-section{margin-bottom:24px}.info-section h3{margin:0 0 16px;font-size:1.25rem;color:#111827;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{font-weight:600;color:#6b7280;font-size:.875rem}.info-item span{color:#111827;font-size:1rem}.password-display{display:flex;align-items:center;gap:8px}.form-section{margin-bottom:24px}.form-section h3{margin:0 0 16px;font-size:1.25rem;color:#111827;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:500;color:#374151;font-size:.875rem}.form-group input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb}.close-modal-btn,.cancel-btn{padding:10px 20px;background:#f3f4f6;color:#374151;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.close-modal-btn:hover,.cancel-btn:hover{background:#e5e7eb}.save-btn{padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.save-btn:hover{background:#1d4ed8}.employees-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}.access-denied{text-align:center;padding:60px 20px;color:#dc2626}.access-denied h2{margin-bottom:12px}@media (max-width: 768px){.info-grid,.form-grid{grid-template-columns:1fr}.employees-tabs{flex-wrap:wrap}.table-container{overflow-x:scroll}}.users-activity-dashboard{width:100%;padding:20px}.users-activity-dashboard__header h2{margin-bottom:6px;color:var(--dark-blue)}[data-theme=dark] .users-activity-dashboard__header h2{color:var(--text-primary)}.users-activity-dashboard__header p{opacity:.8;margin-bottom:16px}.users-activity-dashboard__loading{padding:20px;opacity:.8}.users-activity-dashboard__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}@media (max-width: 1024px){.users-activity-dashboard__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.users-activity-dashboard__cards{grid-template-columns:1fr}}.uad-card{background:rgba(255,255,255,.85);border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:12px 14px}[data-theme=dark] .uad-card{background:rgba(255,255,255,.06);border-color:#ffffff1f}.uad-card__label{font-weight:700;opacity:.8;font-size:12px}.uad-card__value{font-size:22px;font-weight:900;margin-top:6px}.users-activity-dashboard__sections{display:flex;flex-direction:column;gap:16px}.uad-section{background:rgba(255,255,255,.85);border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:14px}[data-theme=dark] .uad-section{background:rgba(255,255,255,.06);border-color:#ffffff1f}.uad-section h3{margin-bottom:12px;color:var(--dark-blue)}[data-theme=dark] .uad-section h3{color:var(--text-primary)}.uad-role{margin-bottom:14px}.uad-role__title{font-weight:900;margin-bottom:10px}.uad-role__title.admin{color:var(--admin-purple)}.uad-role__title.management{color:var(--management-gold)}.uad-role__title.inspector{color:var(--inspector-green)}.uad-role__title.user{color:var(--user-gray)}.uad-role__count{opacity:.85;font-weight:800}.uad-table{border:1px solid rgba(0,0,0,.08);border-radius:12px;overflow:hidden}[data-theme=dark] .uad-table{border-color:#ffffff1f}.uad-table__head,.uad-table__row{display:grid;grid-template-columns:2fr 1fr 1.2fr 1.2fr;gap:10px;padding:10px 12px}.uad-table__head{font-weight:900;background:rgba(0,0,0,.04)}[data-theme=dark] .uad-table__head{background:rgba(255,255,255,.06)}.uad-table__row{border-top:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.7);align-items:center}[data-theme=dark] .uad-table__row{border-top-color:#ffffff14;background:rgba(255,255,255,.02)}.uad-table__empty{padding:12px;opacity:.8}.uad-fio{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uad-nick{font-weight:900}.uad-nick.admin{color:var(--admin-purple)}.uad-nick.management{color:var(--management-gold)}.uad-nick.inspector{color:var(--inspector-green)}.uad-nick.user{color:var(--user-gray)}.uad-stats-table{border:1px solid rgba(0,0,0,.08);border-radius:12px;overflow:hidden}[data-theme=dark] .uad-stats-table{border-color:#ffffff1f}.uad-stats-table__head,.uad-stats-table__row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:10px;padding:10px 12px}.uad-stats-table__head{font-weight:900;background:rgba(0,0,0,.04)}[data-theme=dark] .uad-stats-table__head{background:rgba(255,255,255,.06)}.uad-stats-table__row{border-top:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.7)}[data-theme=dark] .uad-stats-table__row{border-top-color:#ffffff14;background:rgba(255,255,255,.02)}.uad-stats-hint{margin-top:10px;font-size:12px;opacity:.8}.uad-stats-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.uad-period select{padding:6px 10px;border-radius:10px;border:1px solid rgba(0,0,0,.15);background:rgba(255,255,255,.9)}[data-theme=dark] .uad-period select{border-color:#ffffff2e;background:rgba(255,255,255,.06);color:var(--text-primary)}.uad-users-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.uad-backfill{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.uad-backfill__btn{padding:8px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.9);font-weight:800;cursor:pointer}.uad-backfill__btn:hover{filter:brightness(.98)}[data-theme=dark] .uad-backfill__btn{border-color:#ffffff2e;background:rgba(255,255,255,.06);color:var(--text-primary)}.uad-backfill__info{font-size:12px;opacity:.85;text-align:right;max-width:360px}@media (max-width: 768px){.uad-table,.uad-stats-table{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:auto;scrollbar-color:#2d3748 #edf2f7}.uad-table::-webkit-scrollbar,.uad-stats-table::-webkit-scrollbar{width:14px;height:14px}.uad-table::-webkit-scrollbar-track,.uad-stats-table::-webkit-scrollbar-track{background:#edf2f7;border-radius:7px;border:1px solid #cbd5e0}.uad-table::-webkit-scrollbar-thumb,.uad-stats-table::-webkit-scrollbar-thumb{background:#2d3748;border-radius:7px;border:2px solid #edf2f7;min-height:30px}.uad-table::-webkit-scrollbar-thumb:hover,.uad-stats-table::-webkit-scrollbar-thumb:hover{background:#1a202c}.uad-table__head,.uad-table__row{min-width:760px}.uad-stats-table__head,.uad-stats-table__row{min-width:640px}}@media (max-width: 480px){.uad-table__head,.uad-table__row{min-width:820px}.uad-stats-table__head,.uad-stats-table__row{min-width:700px}}[data-theme="dark"] @media (max-width: 768px){.uad-table,.uad-stats-table{scrollbar-color:var(--border) var(--bg-hover)}.uad-table::-webkit-scrollbar-track,.uad-stats-table::-webkit-scrollbar-track{background:var(--bg-hover);border-color:var(--border)}.uad-table::-webkit-scrollbar-thumb,.uad-stats-table::-webkit-scrollbar-thumb{background:var(--border);border-color:var(--bg-hover)}.uad-table::-webkit-scrollbar-thumb:hover,.uad-stats-table::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}}.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}}[data-theme=dark] .vacation-report{color:var(--text-primary)}[data-theme=dark] .vacation-report .section-header h2{color:var(--text-primary)!important}[data-theme=dark] .vacation-report .section-header p{color:var(--text-secondary)!important}[data-theme=dark] .vacation-report .form-group label{color:var(--text-primary)!important}[data-theme=dark] .vacation-report .form-group input,[data-theme=dark] .vacation-report .form-group select,[data-theme=dark] .vacation-report .form-group textarea{background:var(--bg-secondary)!important;border-color:var(--border)!important;color:var(--text-primary)!important}[data-theme=dark] .vacation-report .form-group input:focus,[data-theme=dark] .vacation-report .form-group select:focus,[data-theme=dark] .vacation-report .form-group textarea:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea33!important}[data-theme=dark] .vacation-report .form-group input:disabled,[data-theme=dark] .vacation-report .form-group select:disabled,[data-theme=dark] .vacation-report .form-group textarea:disabled{background:var(--bg-hover)!important}[data-theme=dark] .vacation-report .date-hint{color:var(--text-secondary)!important}[data-theme=dark] .vacation-report .readonly-input{background:var(--bg-hover)!important}[data-theme=dark] .vacation-report .file-input-label{background:var(--bg-secondary)!important;border-color:var(--border)!important;color:var(--text-primary)!important}[data-theme=dark] .vacation-report .file-input-label:hover{background:var(--bg-hover)!important;border-color:#667eea!important}[data-theme=dark] .vacation-report .file-hint{color:var(--text-secondary)!important}[data-theme=dark] .vacation-report .documents-list h4{color:var(--text-primary)!important}[data-theme=dark] .vacation-report .document-item{background:var(--bg-secondary)!important;border:1px solid var(--border)!important}[data-theme=dark] .vacation-report .info-box{background:linear-gradient(135deg,rgba(102,126,234,.2) 0%,rgba(118,75,162,.2) 100%)!important;border-left-color:#667eea!important;border:1px solid var(--border)!important}[data-theme=dark] .vacation-report .info-box h4,[data-theme=dark] .vacation-report .info-box ul,[data-theme=dark] .vacation-report .info-box ul li{color:var(--text-primary)!important}.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}.reports-info-section{margin-top:3rem;padding:2rem;background:var(--light-gray);border-radius:10px;border-left:4px solid var(--light-blue)}.reports-info-title{margin-bottom:1rem;color:var(--dark-blue);font-size:1.125rem;font-weight:600}.reports-info-list{list-style:none;line-height:1.6;margin:0;padding:0}.reports-info-list li{margin-bottom:.75rem;color:#374151}.reports-info-list li:last-child{margin-bottom:0}.reports-info-list strong{color:#1f2937;font-weight:600}[data-theme=dark] .reports-main{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .reports-header h1{color:var(--text-primary)!important}[data-theme=dark] .reports-status-badge-pending{background:rgba(243,156,18,.3)!important;color:#fbbf24!important;border:1px solid rgba(243,156,18,.5)!important}[data-theme=dark] .reports-status-badge-approved{background:rgba(39,174,96,.3)!important;color:#34d399!important;border:1px solid rgba(39,174,96,.5)!important}[data-theme=dark] .reports-status-badge-rejected{background:rgba(231,76,60,.3)!important;color:#f87171!important;border:1px solid rgba(231,76,60,.5)!important}[data-theme=dark] .reports-status-badge-unknown{background:rgba(149,165,166,.3)!important;color:#9ca3af!important;border:1px solid rgba(149,165,166,.5)!important}[data-theme=dark] .report-type-card{background:var(--bg-secondary)!important;border-color:var(--border)!important}[data-theme=dark] .report-type-card:hover{border-color:#667eea!important;box-shadow:0 4px 12px #0000004d!important}[data-theme=dark] .report-type-title{color:var(--text-primary)!important}[data-theme=dark] .report-type-description{color:var(--text-secondary)!important}[data-theme=dark] .my-reports-section{background:var(--bg-secondary)!important;border-color:var(--border)!important}[data-theme=dark] .my-reports-section h2{color:var(--text-primary)!important;border-bottom-color:var(--border)!important}[data-theme=dark] .report-item-date,[data-theme=dark] .no-reports{color:var(--text-secondary)!important}[data-theme=dark] .access-denied{background:var(--bg-secondary)!important;border:1px solid var(--border)!important}[data-theme=dark] .access-denied h2{color:#f87171!important}[data-theme=dark] .access-denied p{color:var(--text-secondary)!important}[data-theme=dark] .reports-info-section{background:var(--bg-secondary)!important;border-left-color:#667eea!important;border:1px solid var(--border)!important}[data-theme=dark] .reports-info-title,[data-theme=dark] .reports-info-list li,[data-theme=dark] .reports-info-list strong{color:var(--text-primary)!important}[data-theme=dark] .reports-loading p{color:var(--text-secondary)!important}[data-theme=dark] .reports-loading .loading-spinner{border-color:var(--border)!important;border-top-color:#667eea!important}[data-theme=dark] .report-item{background:var(--bg-hover)!important;border-left-color:#667eea!important}[data-theme=dark] .report-item:hover{background:rgba(102,126,234,.15)!important}[data-theme=dark] .report-item-title{color:var(--text-primary)!important}[data-theme=dark] .report-item-date{color:var(--text-secondary)!important}.my-reports-empty-state{text-align:center;padding:3rem;background:var(--white);border-radius:15px;border:2px dashed var(--light-gray)}.my-reports-empty-icon-large{font-size:3rem;margin-bottom:1rem}.my-reports-empty-title{color:#666;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.my-reports-empty-text{color:#999;margin-bottom:2rem;font-size:1rem}.create-report-btn-empty{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);color:#fff;border:none;padding:.5rem 1rem;border-radius:16px;cursor:pointer;font-size:.75rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 6px #4facfe4d}.create-report-btn-empty:hover{transform:translateY(-1px);box-shadow:0 4px 10px #4facfe66}.my-reports-create-new{text-align:center;margin-top:2rem}[data-theme=dark] .my-reports-empty-state{background:var(--bg-secondary)!important;border-color:var(--border)!important}[data-theme=dark] .my-reports-empty-title{color:var(--text-primary)!important}[data-theme=dark] .my-reports-empty-text{color:var(--text-secondary)!important}@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}}.blocking-notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease-in}.blocking-notification-modal{background:white;border-radius:16px;padding:40px;max-width:500px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.blocking-notification-icon{font-size:4rem;margin-bottom:20px;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.blocking-notification-title{font-size:1.75rem;color:#dc2626;margin:0 0 16px;font-weight:700}.blocking-notification-message{font-size:1.125rem;color:#374151;margin:0 0 12px;line-height:1.6}.blocking-notification-submessage{font-size:.875rem;color:#6b7280;margin:0 0 24px;line-height:1.5}.blocking-notification-actions{margin-top:24px;display:flex;justify-content:center}.logout-btn{padding:12px 24px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a}.logout-btn:hover{background:#b91c1c;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.logout-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.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}.report-modal-actions{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e5e7eb}.report-modal-actions .action-btn{flex:1}[data-theme=dark] .report-modal-actions{border-top-color:var(--border)!important}.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}}[data-theme=dark] .reports-management-container{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .reports-header{border-bottom-color:var(--border)!important}[data-theme=dark] .reports-header h2{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .reports-header p{color:var(--text-secondary)!important}[data-theme=dark] .reports-filters{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-hover) 100%)!important;border:1px solid var(--border)!important}[data-theme=dark] .filter-group input,[data-theme=dark] .filter-group select{background:var(--bg-secondary)!important;border-color:var(--border)!important;color:var(--text-primary)!important}[data-theme=dark] .filter-group input:focus,[data-theme=dark] .filter-group select:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea33!important}[data-theme=dark] .filter-group input::placeholder{color:var(--text-secondary)!important}[data-theme=dark] .report-card{background:var(--bg-secondary)!important;border:2px solid var(--border)!important}[data-theme=dark] .report-card:hover{border-color:#667eea!important;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003!important}[data-theme=dark] .report-type-text{color:var(--text-primary)!important}[data-theme=dark] .report-status-badge.pending{background:linear-gradient(135deg,rgba(254,243,199,.3) 0%,rgba(253,230,138,.3) 100%)!important;color:#fbbf24!important;border:1px solid rgba(146,64,14,.5)!important}[data-theme=dark] .report-status-badge.approved{background:linear-gradient(135deg,rgba(209,250,229,.3) 0%,rgba(167,243,208,.3) 100%)!important;color:#34d399!important;border:1px solid rgba(6,95,70,.5)!important}[data-theme=dark] .report-status-badge.rejected{background:linear-gradient(135deg,rgba(254,226,226,.3) 0%,rgba(254,202,202,.3) 100%)!important;color:#f87171!important;border:1px solid rgba(153,27,27,.5)!important}[data-theme=dark] .report-info-item{color:var(--text-secondary)!important}[data-theme=dark] .report-info-item strong{color:var(--text-primary)!important}[data-theme=dark] .report-unit-badge.spec{background:linear-gradient(135deg,rgba(254,226,226,.3) 0%,rgba(254,202,202,.3) 100%)!important;color:#f87171!important;border:1px solid rgba(153,27,27,.5)!important}[data-theme=dark] .report-unit-badge.separate{background:linear-gradient(135deg,rgba(219,234,254,.3) 0%,rgba(191,219,254,.3) 100%)!important;color:#60a5fa!important;border:1px solid rgba(30,64,175,.5)!important}[data-theme=dark] .report-actions{border-top-color:var(--border)!important}[data-theme=dark] .report-modal-overlay{background:rgba(0,0,0,.7)!important}[data-theme=dark] .report-modal{background:var(--bg-secondary)!important;border:1px solid var(--border)!important}[data-theme=dark] .report-modal-header{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-hover) 100%)!important;border-bottom-color:var(--border)!important}[data-theme=dark] .report-modal-header h3{color:var(--text-primary)!important}[data-theme=dark] .report-modal-close{color:var(--text-secondary)!important}[data-theme=dark] .report-modal-close:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}[data-theme=dark] .report-modal-content{background:var(--bg-secondary)!important}[data-theme=dark] .report-modal-info{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-hover) 100%)!important;border:1px solid var(--border)!important}[data-theme=dark] .report-modal-info-label{color:var(--text-secondary)!important}[data-theme=dark] .report-modal-info-value{color:var(--text-primary)!important}[data-theme=dark] .report-modal-details{background:var(--bg-hover)!important;border-color:var(--border)!important}[data-theme=dark] .report-modal-details h4{color:var(--text-primary)!important;border-bottom-color:var(--border)!important}[data-theme=dark] .report-modal-details p,[data-theme=dark] .report-modal-details strong{color:var(--text-primary)!important}[data-theme=dark] .report-modal-photo{border-color:var(--border)!important}[data-theme=dark] .report-modal-photo:hover{border-color:#667eea!important}[data-theme=dark] .reports-loading{color:var(--text-secondary)!important}[data-theme=dark] .reports-loading-spinner{border-color:var(--border)!important;border-top-color:#667eea!important}[data-theme=dark] .reports-empty{background:var(--bg-secondary)!important;border:1px solid var(--border)!important}[data-theme=dark] .reports-empty h3{color:var(--text-primary)!important}[data-theme=dark] .reports-empty p{color:var(--text-secondary)!important}.report-info-block{white-space:pre-wrap;margin-top:.5rem;padding:1rem;background:#f9fafb;border-radius:8px;color:#374151}.report-info-block-warning{white-space:pre-wrap;margin-top:.5rem;padding:1rem;background:#fef3c7;border-radius:8px;color:#92400e}.report-info-block-info{white-space:pre-wrap;margin-top:.5rem;padding:1rem;background:#dbeafe;border-radius:8px;color:#1e40af}.report-info-block-success{white-space:pre-wrap;margin-top:.5rem;padding:1rem;background:#d1fae5;border-radius:8px;color:#065f46}[data-theme=dark] .report-info-block{background:var(--bg-hover)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important}[data-theme=dark] .report-info-block-warning{background:rgba(254,243,199,.2)!important;color:#fbbf24!important;border:1px solid rgba(146,64,14,.5)!important}[data-theme=dark] .report-info-block-info{background:rgba(219,234,254,.2)!important;color:#60a5fa!important;border:1px solid rgba(30,64,175,.5)!important}[data-theme=dark] .report-info-block-success{background:rgba(209,250,229,.2)!important;color:#34d399!important;border:1px solid rgba(6,95,70,.5)!important}[data-theme=dark] .report-modal-details.report-info-block-success{background:rgba(209,250,229,.2)!important;border-color:#10b98180!important}[data-theme=dark] .report-modal-details.report-info-block-success h4{color:#34d399!important}[data-theme=dark] .report-modal-details.report-info-block-success p,[data-theme=dark] .report-modal-details.report-info-block-success strong{color:var(--text-primary)!important}.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}}[data-theme=dark] .my-reports-container{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .my-reports-header{border-bottom-color:var(--border)!important}[data-theme=dark] .my-reports-header h2{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .my-reports-header p{color:var(--text-secondary)!important}[data-theme=dark] .refresh-btn{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-hover) 100%)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important}[data-theme=dark] .refresh-btn:hover:not(:disabled){background:var(--bg-hover)!important}[data-theme=dark] .my-reports-filters{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-hover) 100%)!important;border:1px solid var(--border)!important}[data-theme=dark] .filter-group label{color:var(--text-primary)!important}[data-theme=dark] .filter-group select{background:var(--bg-secondary)!important;border-color:var(--border)!important;color:var(--text-primary)!important}[data-theme=dark] .filter-group select:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea33!important}[data-theme=dark] .stat-card{background:var(--bg-secondary)!important;border:1px solid var(--border)!important}[data-theme=dark] .stat-card.pending{background:linear-gradient(135deg,rgba(245,158,11,.2) 0%,rgba(251,191,36,.15) 100%)!important;border-left-color:#f59e0b!important}[data-theme=dark] .stat-card.approved{background:linear-gradient(135deg,rgba(16,185,129,.2) 0%,rgba(5,150,105,.15) 100%)!important;border-left-color:#10b981!important}[data-theme=dark] .stat-card.rejected{background:linear-gradient(135deg,rgba(239,68,68,.2) 0%,rgba(220,38,38,.15) 100%)!important;border-left-color:#ef4444!important}[data-theme=dark] .stat-card.total{background:linear-gradient(135deg,rgba(59,130,246,.2) 0%,rgba(37,99,235,.15) 100%)!important;border-left-color:#3b82f6!important}[data-theme=dark] .stat-value{color:var(--text-primary)!important}[data-theme=dark] .stat-label{color:var(--text-secondary)!important}[data-theme=dark] .my-report-card{background:var(--bg-secondary)!important;border:2px solid var(--border)!important}[data-theme=dark] .my-report-card:hover{border-color:#667eea!important;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003!important}[data-theme=dark] .my-report-type-text{color:var(--text-primary)!important}[data-theme=dark] .status-badge.pending{background:linear-gradient(135deg,rgba(254,243,199,.3) 0%,rgba(253,230,138,.3) 100%)!important;color:#fbbf24!important;border:1px solid rgba(146,64,14,.5)!important}[data-theme=dark] .status-badge.approved{background:linear-gradient(135deg,rgba(209,250,229,.3) 0%,rgba(167,243,208,.3) 100%)!important;color:#34d399!important;border:1px solid rgba(6,95,70,.5)!important}[data-theme=dark] .status-badge.rejected{background:linear-gradient(135deg,rgba(254,226,226,.3) 0%,rgba(254,202,202,.3) 100%)!important;color:#f87171!important;border:1px solid rgba(153,27,27,.5)!important}[data-theme=dark] .my-report-info-item{color:var(--text-secondary)!important}[data-theme=dark] .my-report-info-item strong{color:var(--text-primary)!important}[data-theme=dark] .unit-badge.spec{background:linear-gradient(135deg,rgba(254,226,226,.3) 0%,rgba(254,202,202,.3) 100%)!important;color:#f87171!important;border:1px solid rgba(153,27,27,.5)!important}[data-theme=dark] .unit-badge.separate{background:linear-gradient(135deg,rgba(219,234,254,.3) 0%,rgba(191,219,254,.3) 100%)!important;color:#60a5fa!important;border:1px solid rgba(30,64,175,.5)!important}[data-theme=dark] .my-report-status-description{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-hover) 100%)!important;border-left-color:#667eea!important;border:1px solid var(--border)!important;color:var(--text-primary)!important}[data-theme=dark] .my-report-actions{border-top-color:var(--border)!important}[data-theme=dark] .my-report-modal-overlay{background:rgba(0,0,0,.7)!important}[data-theme=dark] .my-report-modal{background:var(--bg-secondary)!important;border:1px solid var(--border)!important}[data-theme=dark] .my-report-modal-header{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-hover) 100%)!important;border-bottom-color:var(--border)!important}[data-theme=dark] .my-report-modal-header h3{color:var(--text-primary)!important}[data-theme=dark] .my-report-modal-close{color:var(--text-secondary)!important}[data-theme=dark] .my-report-modal-close:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}[data-theme=dark] .my-report-modal-content{background:var(--bg-secondary)!important}[data-theme=dark] .my-report-modal-info{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-hover) 100%)!important;border:1px solid var(--border)!important}[data-theme=dark] .my-report-modal-info-label{color:var(--text-secondary)!important}[data-theme=dark] .my-report-modal-info-value{color:var(--text-primary)!important}[data-theme=dark] .my-report-modal-details{background:var(--bg-hover)!important;border-color:var(--border)!important}[data-theme=dark] .my-report-modal-details h4{color:var(--text-primary)!important;border-bottom-color:var(--border)!important}[data-theme=dark] .my-report-modal-details p,[data-theme=dark] .my-report-modal-details strong{color:var(--text-primary)!important}[data-theme=dark] .detail-text{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important}[data-theme=dark] .detail-text.warning{background:rgba(254,243,199,.2)!important;border-left-color:#f59e0b!important;color:#fbbf24!important}[data-theme=dark] .detail-text.info{background:rgba(219,234,254,.2)!important;border-left-color:#3b82f6!important;color:#60a5fa!important}[data-theme=dark] .my-report-modal-photo{border-color:var(--border)!important}[data-theme=dark] .my-report-modal-photo:hover{border-color:#667eea!important}[data-theme=dark] .my-reports-loading{color:var(--text-secondary)!important}[data-theme=dark] .my-reports-loading-spinner{border-color:var(--border)!important;border-top-color:#667eea!important}[data-theme=dark] .my-reports-empty{background:var(--bg-secondary)!important;border:1px solid var(--border)!important}[data-theme=dark] .my-reports-empty h3{color:var(--text-primary)!important}[data-theme=dark] .my-reports-empty p{color:var(--text-secondary)!important}.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}}[data-theme=dark] .cpp-application-card{background:var(--bg-secondary)!important;border-color:var(--border)!important;box-shadow:0 2px 8px #0000004d!important}[data-theme=dark] .cpp-application-card.pinned{border:2px solid #f39c12!important;box-shadow:0 2px 12px #f39c1266!important}[data-theme=dark] .card-title{color:var(--text-primary)!important}[data-theme=dark] .card-meta{color:var(--text-secondary)!important}[data-theme=dark] .card-details,[data-theme=dark] .card-details strong{color:var(--text-primary)!important}[data-theme=dark] .replies-count{color:var(--light-blue)!important}[data-theme=dark] .leadership-badge{background:rgba(52,152,219,.2)!important;color:var(--light-blue)!important;border:1px solid rgba(52,152,219,.4)!important}[data-theme=dark] .author-leadership-badge{background:rgba(39,174,96,.2)!important;color:#2ecc71!important;border:1px solid rgba(39,174,96,.4)!important}[data-theme=dark] .waiting-badge{background:rgba(243,156,18,.25)!important;color:#f39c12!important;border:2px solid #f39c12!important;box-shadow:0 2px 8px #f39c124d!important}[data-theme=dark] .closed-badge{background:var(--bg-hover)!important;color:var(--text-secondary)!important;border-color:var(--border)!important}.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}}[data-theme=dark] .cpp-response-form{background:var(--bg-secondary)!important;border-color:var(--border)!important}[data-theme=dark] .cpp-response-form-title{color:var(--text-primary)!important}[data-theme=dark] .cpp-response-form-btn{background:var(--bg-hover)!important;border-color:var(--border)!important;color:var(--text-primary)!important}[data-theme=dark] .cpp-response-form-btn-approved{border-color:#27ae60!important;background:rgba(39,174,96,.2)!important;color:#2ecc71!important}[data-theme=dark] .cpp-response-form-btn-approved.active{background:#27ae60!important;color:#fff!important}[data-theme=dark] .cpp-response-form-btn-rejected{border-color:#e74c3c!important;background:rgba(239,68,68,.2)!important;color:#e74c3c!important}[data-theme=dark] .cpp-response-form-btn-rejected.active{background:#e74c3c!important;color:#fff!important}[data-theme=dark] .cpp-response-form-btn-pending{border-color:#f39c12!important;background:rgba(243,156,18,.25)!important;color:#f39c12!important;box-shadow:0 2px 4px #f39c1233!important}[data-theme=dark] .cpp-response-form-btn-pending.active{background:#f39c12!important;color:#fff!important;box-shadow:0 2px 8px #f39c1266!important}[data-theme=dark] .cpp-response-form-textarea{background:var(--bg-hover)!important;color:var(--text-primary)!important;border-color:var(--border)!important}[data-theme=dark] .cpp-response-form-textarea:focus{border-color:var(--light-blue)!important;box-shadow:0 0 0 3px #3498db33!important}[data-theme=dark] .cpp-response-form-textarea::placeholder{color:var(--text-secondary)!important;opacity:.7}.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}}[data-theme=dark] .cpp-modal-close-btn{color:var(--text-secondary)!important}[data-theme=dark] .cpp-modal-close-btn:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}[data-theme=dark] .cpp-modal-title{color:var(--text-primary)!important}[data-theme=dark] .cpp-modal-subtitle{color:var(--text-secondary)!important}[data-theme=dark] .cpp-modal-controls{background:var(--bg-hover)!important}[data-theme=dark] .cpp-modal-section{background:var(--bg-hover)!important;border-left-color:var(--light-blue)!important}[data-theme=dark] .cpp-modal-section-center h4{color:var(--text-primary)!important}[data-theme=dark] .cpp-modal-section-center p{color:var(--text-secondary)!important}[data-theme=dark] .cpp-modal-statement{background:var(--bg-hover)!important}[data-theme=dark] .cpp-modal-statement-title{color:var(--text-primary)!important}[data-theme=dark] .cpp-modal-statement-content{background:var(--bg-secondary)!important;border-color:var(--border)!important;color:var(--text-primary)!important}[data-theme=dark] .cpp-modal-statement-content p{color:var(--text-primary)!important}[data-theme=dark] .cpp-modal-section-title{color:var(--text-primary)!important;border-bottom-color:var(--light-blue)!important}[data-theme=dark] .cpp-modal-data-grid,[data-theme=dark] .cpp-modal-education-section{background:var(--bg-hover)!important}[data-theme=dark] .cpp-modal-education-content{background:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-theme=dark] .cpp-modal-replies-title{color:var(--text-primary)!important;border-bottom-color:var(--light-blue)!important}[data-theme=dark] .cpp-modal-replies-empty{background:var(--bg-hover)!important;color:var(--text-secondary)!important}[data-theme=dark] .cpp-modal-reply-form{background:rgba(39,174,96,.15)!important;border-color:#27ae6066!important}[data-theme=dark] .cpp-modal-reply-form-leadership{background:rgba(52,152,219,.15)!important;border-color:#3498db66!important}[data-theme=dark] .cpp-modal-reply-form-title{color:var(--text-primary)!important}[data-theme=dark] .cpp-modal-reply-textarea{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border)!important}[data-theme=dark] .cpp-modal-reply-textarea:focus{border-color:var(--light-blue)!important;box-shadow:0 0 0 3px #3498db33!important}[data-theme=dark] .cpp-modal-closed-notice{background:rgba(243,156,18,.25)!important;border:2px solid #f39c12!important;color:#f39c12!important;box-shadow:0 2px 8px #f39c124d!important}[data-theme=dark] .cpp-modal-footer{border-top-color:var(--border)!important}.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);}}[data-theme=dark] .cpp-applications{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .applications-loading p{color:var(--text-secondary)!important}[data-theme=dark] .applications-loading .loading-spinner{border-color:var(--bg-secondary)!important;border-top-color:var(--light-blue)!important}[data-theme=dark] .applications-header{border-bottom-color:var(--border)!important}[data-theme=dark] .applications-header h1{color:var(--text-primary)!important}[data-theme=dark] .cpp-applications-disabled-notice{background:rgba(243,156,18,.2)!important;border-left:4px solid #f39c12!important;box-shadow:0 2px 8px #f39c1266!important}[data-theme=dark] .notice-content h3{color:#f39c12!important}[data-theme=dark] .notice-content p{color:#fdd085!important}[data-theme=dark] .no-applications,[data-theme=dark] .no-applications-hint{color:var(--text-secondary)!important}[data-theme=dark] .application-card{background:var(--bg-secondary)!important;border-color:var(--border)!important;box-shadow:0 2px 8px #0000004d!important}[data-theme=dark] .application-card:hover{box-shadow:0 8px 16px #0006!important}[data-theme=dark] .application-form-modal,[data-theme=dark] .response-form-modal{background:rgba(0,0,0,.7)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-theme=dark] .application-form-container,[data-theme=dark] .response-form-container{background:var(--bg-secondary)!important;border:1px solid var(--border)!important}[data-theme=dark] .application-form-header,[data-theme=dark] .response-form-header{background:var(--bg-hover)!important;border-bottom-color:var(--border)!important}[data-theme=dark] .application-form-header h2,[data-theme=dark] .response-form-header h2{color:var(--text-primary)!important}[data-theme=dark] .application-preview{background:var(--bg-hover)!important;border-left-color:var(--light-blue)!important}[data-theme=dark] .application-preview h4{color:var(--text-primary)!important}[data-theme=dark] .application-preview p{color:var(--text-secondary)!important}.cpp-settings{margin-top:12px}.cpp-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem}.cpp-settings-card,.cpp-settings-info-card{background:var(--bg-secondary, #ffffff);border-radius:16px;padding:1.75rem;border:1px solid var(--border, #e1e8ed);box-shadow:0 8px 18px #00000014;text-align:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.cpp-settings-card:hover,.cpp-settings-info-card:hover{transform:translateY(-2px);box-shadow:0 12px 22px #0000001f}.cpp-settings-icon{font-size:3rem;margin-bottom:1rem}.cpp-settings-title{margin:0 0 .75rem;color:var(--text-primary, #2c3e50);font-size:1.25rem;font-weight:700}.cpp-settings-desc{margin:0 0 1.5rem;color:var(--text-secondary, #6b7280);line-height:1.5}.cpp-settings-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.cpp-settings-btn{border:none;padding:.85rem 1.6rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:#fff;min-width:170px}.cpp-settings-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.cpp-settings-btn.danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 6px 12px #dc262640}.cpp-settings-btn.danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #dc262652}.cpp-settings-btn.success{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);box-shadow:0 6px 12px #22c55e40}.cpp-settings-btn.success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #22c55e52}.cpp-settings-info-card{background:linear-gradient(135deg,#e8f4fd 0%,#dbeafe 100%);border-color:#3498db;text-align:center}.cpp-settings-info{text-align:left;color:var(--text-secondary, #5d6d7e);line-height:1.6;font-size:.95rem}.cpp-settings-info strong{color:var(--text-primary, #2c3e50);font-weight:700}.cpp-settings-info p{color:var(--text-secondary, #5d6d7e);margin-bottom:.75rem}.cpp-settings-info ul,.cpp-settings-info li{color:var(--text-secondary, #5d6d7e)}.cpp-settings-info ul{padding-left:1.25rem;margin:.5rem 0 0}.cpp-settings-info li{margin-bottom:.4rem}.cpp-settings-meta{margin-top:1.25rem;padding:.85rem;background:#ffffff;border-radius:10px;font-size:.9rem;border:1px solid #e1e8ed;color:var(--text-secondary, #4b5563)}.cpp-settings-meta strong{color:var(--text-primary, #2c3e50);font-weight:700}[data-theme=dark] .cpp-settings-card,[data-theme=dark] .cpp-settings-info-card{background:var(--bg-secondary);border-color:var(--border);box-shadow:0 10px 22px #00000059}[data-theme=dark] .cpp-settings-info-card{background:var(--bg-secondary)!important;border-color:#3498db66!important;box-shadow:0 10px 22px #00000059!important}[data-theme=dark] .cpp-settings-title,[data-theme=dark] .cpp-settings-desc,[data-theme=dark] .cpp-settings-info{color:var(--text-primary)}[data-theme=dark] .cpp-settings-info strong{color:var(--text-primary);font-weight:700}[data-theme=dark] .cpp-settings-info p{color:var(--text-primary);margin-bottom:.75rem}[data-theme=dark] .cpp-settings-info ul{color:var(--text-primary)}[data-theme=dark] .cpp-settings-info li{color:var(--text-primary);margin-bottom:.5rem}[data-theme=dark] .cpp-settings-meta{background:var(--bg-hover);border-color:var(--border);color:var(--text-primary)}[data-theme=dark] .cpp-settings-meta strong{color:var(--text-primary);font-weight:700}[data-theme=dark] .cpp-settings-btn.danger{box-shadow:0 8px 18px #dc262652}[data-theme=dark] .cpp-settings-btn.success{box-shadow:0 8px 18px #22c55e52}[data-theme=dark] .cpp-settings .section-header h2{color:var(--text-primary)!important}[data-theme=dark] .cpp-settings .section-header p{color:var(--text-secondary)!important}[data-theme=dark] .cpp-settings .section-header{border-bottom-color:var(--border)!important}[data-theme=dark] .cpp-settings .message.success{background:rgba(34,197,94,.2)!important;color:#4ade80!important;border-color:#22c55e66!important}[data-theme=dark] .cpp-settings .message.error{background:rgba(239,68,68,.2)!important;color:#f87171!important;border-color:#ef444466!important}@media (max-width: 640px){.cpp-settings-btn{width:100%}}.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}.notifications-loading p{color:#6b7280;font-size:.9375rem}[data-theme=dark] .notifications-page,[data-theme=dark] .notifications-page-header h1{color:var(--text-primary)}[data-theme=dark] .stat-item{background:var(--bg-hover);color:var(--text-primary)}[data-theme=dark] .stat-item .stat-label{color:var(--text-secondary)}[data-theme=dark] .stat-item .stat-value{color:var(--text-primary)}[data-theme=dark] .stat-item.unread{background:rgba(243,156,18,.18);color:#f39c12}[data-theme=dark] .stat-item.unread .stat-value{color:#f39c12}[data-theme=dark] .notifications-controls{background:var(--bg-secondary);box-shadow:0 8px 18px #00000059}[data-theme=dark] .filter-tab{background:var(--bg-secondary);border-color:var(--border);color:var(--text-secondary)}[data-theme=dark] .filter-tab:hover{border-color:var(--light-blue);color:var(--light-blue);background:rgba(59,130,246,.12)}[data-theme=dark] .filter-tab.active{border-color:var(--light-blue);background:#3b82f6;color:#fff}[data-theme=dark] .notifications-content{background:var(--bg-secondary);box-shadow:0 8px 18px #00000059}[data-theme=dark] .select-all-container{background:var(--bg-hover);border-bottom-color:var(--border);color:var(--text-secondary)}[data-theme=dark] .notification-card{border-bottom-color:var(--border);background:var(--bg-secondary)}[data-theme=dark] .notification-card:hover{background:var(--bg-hover)}[data-theme=dark] .notification-card.unread{background:rgba(59,130,246,.15);border-left-color:#3b82f6}[data-theme=dark] .notification-card.unread:hover{background:rgba(59,130,246,.22)}[data-theme=dark] .notification-card.selected{background:rgba(243,156,18,.18)}[data-theme=dark] .notification-icon{background:rgba(255,255,255,.05);color:var(--text-primary)}[data-theme=dark] .notification-title{color:var(--text-primary)}[data-theme=dark] .notification-message,[data-theme=dark] .notification-time{color:var(--text-secondary)}[data-theme=dark] .notification-dot{background:#3b82f6}[data-theme=dark] .notification-actions button{background:var(--bg-hover);border-color:var(--border);color:var(--text-secondary)}[data-theme=dark] .notification-actions button:hover{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .notifications-loading,[data-theme=dark] .notifications-empty{color:var(--text-secondary)}[data-theme=dark] .notifications-loading .loading-spinner{border-color:var(--bg-hover);border-top-color:var(--light-blue)}[data-theme=dark] .notifications-empty .empty-icon{color:var(--text-secondary);opacity:.7}.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}}.analytics-page{padding:2rem;max-width:1400px;margin:0 auto}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.analytics-header h1{font-size:2rem;color:var(--text-primary);margin:0}[data-theme=dark] .analytics-header h1{color:var(--dark-text-primary)}.time-range-selector{display:flex;gap:.5rem}.time-range-selector button{padding:.5rem 1rem;border:2px solid var(--gray);border-radius:8px;background:var(--white);color:var(--text-primary);cursor:pointer;font-size:.9rem;transition:all .2s}[data-theme=dark] .time-range-selector button{background:var(--dark-bg-secondary);border-color:var(--dark-border);color:var(--dark-text-primary)}.time-range-selector button:hover{border-color:var(--light-blue)}.time-range-selector button.active{background:var(--light-blue);color:var(--white);border-color:var(--light-blue)}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem}.chart-card-full{grid-column:1 / -1}.analytics-card{background:var(--white);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}[data-theme=dark] .analytics-card{background:var(--dark-bg-secondary);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .chart-header h2{color:var(--dark-text-primary)}[data-theme=dark] .trend-indicator.positive{background:rgba(16,185,129,.2);color:#34d399}[data-theme=dark] .trend-indicator.negative{background:rgba(239,68,68,.2);color:#f87171}.analytics-card h2{font-size:1.25rem;margin-bottom:1.5rem;color:var(--text-primary)}[data-theme=dark] .analytics-card h2{color:var(--dark-text-primary)}.chart-container{display:flex;flex-direction:column;gap:1rem}.chart-bar-item{display:flex;flex-direction:column;gap:.5rem}.chart-bar-label{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text-primary)}[data-theme=dark] .chart-bar-label{color:var(--dark-text-primary)}.chart-bar-value{font-weight:600;color:var(--light-blue)}.chart-bar{width:100%;height:24px;background:var(--light-gray);border-radius:12px;overflow:hidden}[data-theme=dark] .chart-bar{background:var(--dark-bg-primary)}.chart-bar-fill{height:100%;background:linear-gradient(90deg,var(--light-blue) 0%,var(--secondary-blue) 100%);border-radius:12px;transition:width .3s ease}.no-data{text-align:center;color:var(--dark-gray);padding:2rem;font-style:italic}[data-theme=dark] .no-data{color:var(--dark-text-secondary)}.analytics-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-card{display:flex;align-items:center;gap:1rem;background:var(--white);padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}[data-theme=dark] .stat-card{background:var(--dark-bg-secondary);box-shadow:0 2px 8px #0000004d}.stat-icon{font-size:2.5rem}.stat-info{flex:1}.stat-number{font-size:2rem;font-weight:700;color:var(--light-blue);margin-bottom:.25rem}.stat-label{font-size:.9rem;color:var(--dark-gray)}[data-theme=dark] .stat-label{color:var(--dark-text-secondary)}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-header h2{margin:0}.trend-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.9rem}.trend-indicator.positive{background:rgba(16,185,129,.1);color:#10b981}.trend-indicator.negative{background:rgba(239,68,68,.1);color:#ef4444}.trend-indicator span:first-child{font-size:1.2rem}@media (max-width: 768px){.analytics-page{padding:1rem}.analytics-grid{grid-template-columns:1fr}.analytics-header{flex-direction:column;align-items:flex-start}.chart-card-full{grid-column:1}.chart-header{flex-direction:column;align-items:flex-start;gap:1rem}}.custom-tooltip{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:180px;overflow:hidden}[data-theme=dark] .custom-tooltip{background:linear-gradient(135deg,#1f2937 0%,#111827 100%);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003,0 0 0 1px #ffffff0d}.tooltip-header{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;padding:.75rem 1rem;font-weight:600;font-size:.875rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=dark] .tooltip-header{background:linear-gradient(135deg,#3b82f6 0%,#1e40af 100%);border-bottom:1px solid rgba(255,255,255,.1)}.tooltip-content{padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.tooltip-item{display:flex;align-items:center;gap:.5rem;color:#1f2937;font-size:.875rem}[data-theme=dark] .tooltip-item{color:#e5e7eb}.tooltip-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px #fffc}[data-theme=dark] .tooltip-dot{box-shadow:0 0 0 2px #1f2937cc}.tooltip-label{flex:1;color:#6b7280;font-weight:500}[data-theme=dark] .tooltip-label{color:#9ca3af}.tooltip-value{font-weight:700;color:#1f2937;font-size:.9375rem}[data-theme=dark] .tooltip-value{color:#f9fafb}.activity-logs-page{padding:2rem;max-width:1200px;margin:0 auto}.logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.logs-header h1{font-size:2rem;color:var(--text-primary);margin:0}[data-theme=dark] .logs-header h1{color:var(--dark-text-primary)}.logs-filters{display:flex;gap:1rem;flex-wrap:wrap}.filter-select{padding:.5rem 1rem;border:2px solid var(--gray);border-radius:8px;background:var(--white);color:var(--text-primary);font-size:.9rem;cursor:pointer;outline:none;transition:all .2s}[data-theme=dark] .filter-select{background:var(--dark-bg-secondary);border-color:var(--dark-border);color:var(--dark-text-primary)}.filter-select:hover{border-color:var(--light-blue)}.logs-list{display:flex;flex-direction:column;gap:1rem}.log-item{display:flex;gap:1rem;padding:1.5rem;background:var(--white);border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .2s}[data-theme=dark] .log-item{background:var(--dark-bg-secondary);box-shadow:0 2px 8px #0000004d}.log-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.log-icon{font-size:2rem;flex-shrink:0}.log-content{flex:1}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.log-action{font-weight:600;font-size:1rem}.log-time{font-size:.85rem;color:var(--dark-gray)}[data-theme=dark] .log-time{color:var(--dark-text-secondary)}.log-details{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.log-user,.log-entity{font-size:.9rem;color:var(--text-primary);padding:.25rem .75rem;background:var(--light-gray);border-radius:12px}[data-theme=dark] .log-user,[data-theme=dark] .log-entity{color:var(--dark-text-primary);background:var(--dark-bg-primary)}.log-description{margin:.5rem 0 0;color:var(--dark-gray);font-size:.9rem;line-height:1.5}[data-theme=dark] .log-description{color:var(--dark-text-secondary)}.log-additional{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.log-change{font-size:.85rem;color:var(--light-blue);font-weight:600;padding:.25rem .75rem;background:rgba(52,152,219,.1);border-radius:8px}[data-theme=dark] .log-change{background:rgba(52,152,219,.2);color:var(--light-blue)}.log-meta{font-size:.85rem;color:var(--dark-gray);padding:.25rem .75rem;background:var(--light-gray);border-radius:8px}[data-theme=dark] .log-meta{background:var(--dark-bg-primary);color:var(--dark-text-secondary)}.no-logs{text-align:center;padding:4rem;color:var(--dark-gray)}[data-theme=dark] .no-logs{color:var(--dark-text-secondary)}.logs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}@media (max-width: 768px){.activity-logs-page{padding:1rem}.logs-header{flex-direction:column;align-items:flex-start}.log-item{padding:1rem}}.archive-page{padding:2rem;max-width:1200px;margin:0 auto}.archive-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.archive-header h1{font-size:2rem;color:var(--text-primary);margin:0}[data-theme=dark] .archive-header h1{color:var(--dark-text-primary)}.archive-stats{font-size:1rem;color:var(--dark-gray);font-weight:500}[data-theme=dark] .archive-stats{color:var(--dark-text-secondary)}.archive-filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.archive-filter-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid var(--gray);border-radius:8px;background:var(--white);color:var(--text-primary);cursor:pointer;font-size:.9rem;transition:all .2s}[data-theme=dark] .archive-filter-btn{background:var(--dark-bg-secondary);border-color:var(--dark-border);color:var(--dark-text-primary)}.archive-filter-btn:hover{border-color:var(--light-blue)}.archive-filter-btn.active{background:var(--light-blue);color:var(--white);border-color:var(--light-blue)}.archive-content{display:flex;flex-direction:column;gap:2rem}.archive-section{background:var(--white);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}[data-theme=dark] .archive-section{background:var(--dark-bg-secondary);box-shadow:0 2px 8px #0000004d}.archive-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary)}[data-theme=dark] .archive-section h2{color:var(--dark-text-primary)}.archive-list{display:flex;flex-direction:column;gap:1rem}.archive-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--light-gray);border-radius:8px;border-left:3px solid var(--light-blue);transition:all .2s}[data-theme=dark] .archive-item{background:var(--dark-bg-primary);border-left-color:var(--light-blue)}.archive-item:hover{transform:translate(4px)}.archive-item-content{flex:1}.archive-item-title{font-weight:600;color:var(--text-primary);margin-bottom:.5rem}[data-theme=dark] .archive-item-title{color:var(--dark-text-primary)}.archive-item-meta{display:flex;gap:1rem;font-size:.85rem;color:var(--dark-gray);flex-wrap:wrap}[data-theme=dark] .archive-item-meta{color:var(--dark-text-secondary)}.restore-btn{padding:.5rem 1rem;background:var(--success);color:var(--white);border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s;white-space:nowrap}.restore-btn:hover{background:#229954;transform:translateY(-1px)}.no-archive{text-align:center;padding:2rem;color:var(--dark-gray);font-style:italic}[data-theme=dark] .no-archive{color:var(--dark-text-secondary)}.archive-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}.loading-spinner{width:3rem;height:3rem;border:4px solid var(--gray);border-top-color:var(--light-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.access-denied{text-align:center;padding:4rem;color:var(--danger)}@media (max-width: 768px){.archive-page{padding:1rem}.archive-item{flex-direction:column;align-items:flex-start;gap:1rem}.restore-btn{width:100%}}.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{padding:20px 16px;min-height:60vh}.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;gap:12px}.home-btn,.back-btn{width:100%;justify-content:center;min-height:48px;padding:14px 20px;font-size:.95rem;touch-action:manipulation}}@media (max-width: 480px){.not-found{padding:16px 12px;min-height:50vh}.not-found-content{padding:32px 20px}.not-found-icon{font-size:4.5rem;margin-bottom:16px}.not-found h1{font-size:1.5rem;margin-bottom:12px}.not-found p{font-size:.9rem;margin-bottom:24px}.not-found-actions{gap:10px}.home-btn,.back-btn{min-height:48px;padding:12px 16px;font-size:.9rem;border-radius:10px}}@media (max-width: 360px){.not-found-content{padding:24px 16px}.not-found-icon{font-size:3.5rem}.not-found h1{font-size:1.25rem}.not-found p{font-size:.85rem}.home-btn,.back-btn{min-height:44px;padding:10px 14px;font-size:.85rem}}.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;position:relative}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #f0f0f0;position:relative}th{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);font-weight:600;color:#fff;font-size:.9rem;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;overflow:hidden}tr:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transition:left .5s ease;z-index:0}.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%;transition:background .3s ease,color .3s ease}[data-theme=dark] body{background:linear-gradient(135deg,#0d1b3a 0%,#1e3c72 50%,#0d1b3a 100%);color:var(--text-primary)}.app{min-height:100vh;display:flex;flex-direction:column;width:100%;transition:all .3s ease;background-color:transparent}[data-theme=dark] .app{background-color:var(--bg-primary);color:var(--text-primary)}.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;position:relative}th,td{padding:1rem;text-align:left;border-bottom:1px solid var(--gray);position:relative}th{background:linear-gradient(135deg,var(--dark-blue) 0%,#2c5282 100%);color:var(--white);font-weight:600;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;overflow:hidden}th:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-header 3s infinite}@keyframes shimmer-header{0%{left:-100%}to{left:100%}}tr{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}tr:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease;z-index:0}tr:hover{background:linear-gradient(135deg,#f0f4ff 0%,#e8f0fe 100%);transform:scale(1.001);box-shadow:0 2px 8px #667eea26}tr:hover:before{left:100%}tr:hover td{color:#1e3a8a;font-weight:500}tr td{position:relative;z-index:1;transition:color .3s ease,font-weight .3s ease}tr.expired{opacity:.7;background-color:#fff8f8}tr.expired:hover{background-color:#fff0f0}tr.expired:before{background:linear-gradient(90deg,transparent,rgba(239,68,68,.3),transparent)!important}[data-theme=dark] table{background:var(--bg-secondary)!important}[data-theme=dark] th{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;color:#fff!important}[data-theme=dark] th:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)!important}[data-theme=dark] td{color:var(--text-primary)!important;border-bottom-color:var(--border)!important}[data-theme=dark] tr:hover{background:linear-gradient(135deg,rgba(102,126,234,.15) 0%,rgba(118,75,162,.1) 100%)!important;box-shadow:0 2px 8px #667eea33!important}[data-theme=dark] tr:hover td{color:var(--light-blue)!important}[data-theme=dark] tr:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)!important}.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}[data-theme=dark] .section-title{color:var(--text-primary)!important}[data-theme=dark] .no-data{color:var(--text-secondary)!important}.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}[data-theme=dark] .access-denied{background:var(--bg-secondary);border-left-color:var(--danger);box-shadow:0 8px 18px #00000059;color:var(--text-primary)}[data-theme=dark] .access-denied h2,[data-theme=dark] .access-denied h3{color:var(--danger)}[data-theme=dark] .access-denied p{color:var(--text-secondary)}.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}.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}.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}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-hover: #3a3a3a;--text-primary: #e9ecef;--text-secondary: #adb5bd;--border: #404040}[data-theme=dark] body{background:linear-gradient(135deg,#0d1b3a 0%,#1e3c72 50%,#0d1b3a 100%);color:var(--text-primary);scroll-behavior:smooth}[data-theme=dark] .app{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .sidebar{background:#1a1a2e;box-shadow:2px 0 10px #00000080}[data-theme=dark] .main-content{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .table-container{background:var(--bg-secondary);box-shadow:0 2px 4px #0000004d}[data-theme=dark] table{color:var(--text-primary)}[data-theme=dark] th{background-color:var(--bg-hover);color:var(--text-primary);border-bottom:1px solid var(--border)}[data-theme=dark] td{color:var(--text-primary);border-bottom:1px solid var(--border)}[data-theme=dark] tr:hover{background-color:var(--bg-hover)}[data-theme=dark] tr.expired{background-color:#ef44441a}[data-theme=dark] tr.expired:hover{background-color:#ef444433}[data-theme=dark] .card,[data-theme=dark] .stat-card,[data-theme=dark] .dashboard-card,[data-theme=dark] .news-card,[data-theme=dark] .application-card{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 2px 8px #0000004d;border:1px solid var(--border)}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{border-color:var(--light-blue);outline:none}[data-theme=dark] .btn-primary,[data-theme=dark] button:not(.logout-btn):not(.theme-toggle-btn){background:var(--light-blue);color:var(--white)}[data-theme=dark] .btn-primary:hover{background:var(--secondary-blue)}[data-theme=dark] .modal,[data-theme=dark] .modal-content,[data-theme=dark] .modal-dialog{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}[data-theme=dark] .tabs{border-bottom:1px solid var(--border)}[data-theme=dark] .tab{color:var(--text-secondary)}[data-theme=dark] .tab:hover{background-color:var(--bg-hover);color:var(--text-primary)}[data-theme=dark] .tab.active{color:var(--light-blue);border-bottom-color:var(--light-blue)}[data-theme=dark] .status-badge{background:var(--bg-hover);color:var(--text-primary)}[data-theme=dark] .status-badge.active{background-color:#27ae6033;color:#2ecc71}[data-theme=dark] .status-badge.expired{background-color:#ef444433;color:#e74c3c}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--text-primary)}[data-theme=dark] p{color:var(--text-secondary)}[data-theme=dark] a{color:var(--light-blue)}[data-theme=dark] a:hover{color:var(--secondary-blue)}[data-theme=dark] hr{border-color:var(--border)}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-secondary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}[data-theme=dark] .text-muted{color:var(--text-secondary)}[data-theme=dark] .bg-light,[data-theme=dark] .bg-white{background:var(--bg-secondary)}[data-theme=dark] .license-plate{background-color:var(--bg-hover);border:1px solid var(--border);color:var(--text-primary)}[data-theme=dark] .article,[data-theme=dark] .no-data{color:var(--text-secondary)}[data-theme=dark] .loading-spinner{border-color:var(--border);border-top-color:var(--light-blue)}[data-theme=dark] .dashboard{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .dashboard-content{background:var(--bg-primary)}[data-theme=dark] .recent-activity,[data-theme=dark] .quick-actions{background:var(--bg-secondary);border:1px solid var(--border)}[data-theme=dark] .news-list{background:var(--bg-primary)}[data-theme=dark] .news-card{background:var(--bg-secondary);border-left-color:var(--light-blue)}[data-theme=dark] .form-group label{color:var(--text-primary)}[data-theme=dark] .form-control{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}[data-theme=dark] .alert{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary)}[data-theme=dark] .alert-success{background-color:#27ae6033;border-color:#27ae604d;color:#2ecc71}[data-theme=dark] .alert-danger{background-color:#ef444433;border-color:#ef44444d;color:#e74c3c}[data-theme=dark] .alert-warning{background-color:#f39c1233;border-color:#f39c124d;color:#f39c12}[data-theme=dark] *,[data-theme=dark] a,[data-theme=dark] button,[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select,[data-theme=dark] .nav-item,[data-theme=dark] .sidebar-toggle-btn,[data-theme=dark] .sidebar,[data-theme=dark] .card,[data-theme=dark] .table-container,[data-theme=dark] .modal,[data-theme=dark] .modal-content,[data-theme=dark] .modal-dialog{transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s ease,filter .2s ease,opacity .2s ease,width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .sidebar{transition:all .3s cubic-bezier(.4,0,.2,1)!important}[data-theme=dark] a:hover,[data-theme=dark] button:hover,[data-theme=dark] .nav-item:hover,[data-theme=dark] .sidebar-toggle-btn:hover{filter:brightness(1.03)}[data-theme=dark] button:active,[data-theme=dark] .nav-item:active,[data-theme=dark] .sidebar-toggle-btn:active{transform:translateY(0) scale(.98)}[data-theme=dark] .card:hover,[data-theme=dark] .stat-card:hover,[data-theme=dark] .dashboard-card:hover,[data-theme=dark] .news-card:hover,[data-theme=dark] .application-card:hover,[data-theme=dark] .table-container:hover{box-shadow:0 12px 24px #00000059!important;transform:translateY(-2px)}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{box-shadow:0 0 0 4px #3498db2e}[data-theme=dark] .dashboard h1,[data-theme=dark] .dashboard p,[data-theme=dark] .welcome-section h1,[data-theme=dark] .welcome-section p{color:var(--text-primary)!important}[data-theme=dark] .user-badge{background:var(--bg-secondary)!important;border-color:var(--border)!important}[data-theme=dark] .user-name{color:var(--text-primary)!important}[data-theme=dark] .user-role{color:var(--text-secondary)!important}[data-theme=dark] .recent-activity,[data-theme=dark] .quick-actions{background:var(--bg-secondary)!important;border-color:var(--border)!important}[data-theme=dark] .recent-activity h2,[data-theme=dark] .quick-actions h2{color:var(--text-primary)!important;border-bottom-color:var(--border)!important}[data-theme=dark] .activity-item{background:var(--bg-hover)!important;border-left-color:var(--light-blue)!important}[data-theme=dark] .activity-message{color:var(--text-primary)!important}[data-theme=dark] .activity-time,[data-theme=dark] .no-activity,[data-theme=dark] .dashboard-loading p{color:var(--text-secondary)!important}[data-theme=dark] .news-header h1,[data-theme=dark] .news-item h3{color:var(--text-primary)!important}[data-theme=dark] .news-meta{color:var(--text-secondary)!important}[data-theme=dark] .news-item{background:var(--bg-secondary)!important;border-left-color:var(--light-blue)!important}[data-theme=dark] .user-name{color:var(--white)!important}[data-theme=dark] .user-position{color:#fffc!important}[data-theme=dark] .table-container{background:var(--bg-secondary)!important}[data-theme=dark] .table-container *,[data-theme=dark] .form-group label{color:var(--text-primary)!important}[data-theme=dark] .form-control::placeholder{color:var(--text-secondary)!important}[data-theme=dark] .btn-edit,[data-theme=dark] .btn-delete{color:var(--white)!important}[data-theme=dark] .status-badge.active{background-color:#27ae604d!important;color:#2ecc71!important}[data-theme=dark] .status-badge.expired{background-color:#ef44444d!important;color:#e74c3c!important}[data-theme=dark] .message.success{background:rgba(39,174,96,.2)!important;color:#2ecc71!important;border-color:#27ae6066!important}[data-theme=dark] .message.error{background:rgba(239,68,68,.2)!important;color:#e74c3c!important;border-color:#ef444466!important}[data-theme=dark] .loading,[data-theme=dark] .no-data{color:var(--text-secondary)!important}[data-theme=dark] .content{background:var(--bg-primary)!important;color:var(--text-primary)!important}[data-theme=dark] .sidebar-nav button{color:var(--text-primary)!important}[data-theme=dark] .sidebar-nav button:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}[data-theme=dark] .sidebar-nav button.active{background:var(--light-blue)!important;color:var(--white)!important}[data-theme=dark] .user-role-info{background:var(--bg-secondary)!important;border-color:var(--border)!important;color:var(--text-primary)!important}[data-theme=dark] .user-role-info.admin{background:rgba(142,68,173,.2)!important;color:#d7a3e8!important}[data-theme=dark] .user-role-info.management{background:rgba(243,156,18,.2)!important;color:#fdd085!important}[data-theme=dark] .user-role-info.inspector{background:rgba(39,174,96,.2)!important;color:#85e0a8!important}[data-theme=dark] .user-role-info.user{background:rgba(127,140,141,.2)!important;color:#b8c5c6!important}[data-theme=dark] .permissions-info{background:var(--bg-secondary)!important;border-color:var(--border)!important}[data-theme=dark] .permissions-info h4{color:var(--light-blue)!important}[data-theme=dark] .permissions-info li{color:var(--text-secondary)!important}[data-theme=dark] .stat-card h3{color:var(--white)!important}[data-theme=dark] .extended-stat-card{background:var(--bg-secondary)!important}[data-theme=dark] .extended-stat-header h3{color:var(--text-primary)!important}[data-theme=dark] .stat-item span:first-child{color:var(--text-secondary)!important}[data-theme=dark] span,[data-theme=dark] div,[data-theme=dark] label{color:inherit}[data-theme=dark] .text-muted{color:var(--text-secondary)!important}[data-theme=dark] .text-primary{color:var(--text-primary)!important}[data-theme=dark] .text-secondary{color:var(--text-secondary)!important}[data-theme=dark] *{color:var(--text-primary)}[data-theme=dark] p,[data-theme=dark] span:not(.badge):not(.status-badge):not(.activity-status){color:var(--text-primary)}[data-theme=dark] .text-secondary,[data-theme=dark] .text-muted,[data-theme=dark] .activity-time,[data-theme=dark] .news-meta{color:var(--text-secondary)!important}[data-theme=dark] .log-description{color:var(--text-primary)!important}[data-theme=dark] .log-user,[data-theme=dark] .log-entity{color:var(--text-primary)!important;background:var(--bg-hover)!important}[data-theme=dark] .log-change{color:var(--light-blue)!important;background:rgba(52,152,219,.2)!important}[data-theme=dark] .log-meta{color:var(--text-secondary)!important;background:var(--bg-hover)!important}[data-theme=dark] .chart-bar-label,[data-theme=dark] .chart-bar-value,[data-theme=dark] .stat-item-label,[data-theme=dark] .stat-item-value,[data-theme=dark] table th,[data-theme=dark] table td,[data-theme=dark] .table-header,[data-theme=dark] .table-cell{color:var(--text-primary)!important}[data-theme=dark] input[type=text],[data-theme=dark] input[type=email],[data-theme=dark] input[type=password],[data-theme=dark] input[type=number],[data-theme=dark] input[type=date],[data-theme=dark] textarea,[data-theme=dark] select{color:var(--text-primary)!important;background:var(--bg-secondary)!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-secondary)!important;opacity:.7}[data-theme=dark] .card-title,[data-theme=dark] .card-body,[data-theme=dark] .card-text{color:var(--text-primary)!important}[data-theme=dark] a:not(.btn):not(.badge){color:var(--light-blue)!important}[data-theme=dark] a:hover:not(.btn):not(.badge){color:var(--secondary-blue)!important}[data-theme=dark] button:not(.logout-btn):not(.theme-toggle-btn){color:var(--white)!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6,[data-theme=dark] ul,[data-theme=dark] ol,[data-theme=dark] li,[data-theme=dark] .section-title,[data-theme=dark] .page-title,[data-theme=dark] .module-title{color:var(--text-primary)!important}[data-theme=dark] .description,[data-theme=dark] .subtitle,[data-theme=dark] .caption,[data-theme=dark] .meta,[data-theme=dark] .timestamp,[data-theme=dark] .date,[data-theme=dark] .time{color:var(--text-secondary)!important}[data-theme=dark] .content-wrapper,[data-theme=dark] .page-content,[data-theme=dark] .main-section{color:var(--text-primary)!important}[data-theme=dark] .content-wrapper *:not(button):not(.btn):not(.badge):not(.status-badge):not(svg):not(path){color:inherit}