:root{--color-primary-light: #60a5fa;--color-primary: #3b82f6;--color-primary-dark: #1d4ed8;--color-secondary-light: #2dd4bf;--color-secondary: #14b8a6;--color-secondary-dark: #0f766e;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-gray-950: #030712;--color-success-light: #86efac;--color-success: #22c55e;--color-success-dark: #16a34a;--color-warning-light: #fbbf24;--color-warning: #f59e0b;--color-warning-dark: #d97706;--color-error-light: #fca5a5;--color-error: #ef4444;--color-error-dark: #dc2626;--color-info-light: var(--color-primary-light);--color-info: var(--color-primary);--color-info-dark: var(--color-primary-dark);--color-bg-primary: #ffffff;--color-bg-secondary: var(--color-gray-50);--color-bg-tertiary: var(--color-gray-100);--color-bg-dark: var(--color-gray-900);--color-bg-darker: var(--color-gray-950);--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-tertiary: var(--color-gray-500);--color-text-inverse: #ffffff;--color-text-muted: var(--color-gray-400);--color-border-light: var(--color-gray-200);--color-border-medium: var(--color-gray-300);--color-border-dark: var(--color-gray-400);--font-family-primary: "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--border-radius-none: 0;--border-radius-sm: .125rem;--border-radius-base: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}[data-theme=dark]{--color-bg-primary: var(--color-gray-800);--color-bg-secondary: var(--color-gray-900);--color-bg-tertiary: var(--color-gray-700);--color-bg-dark: var(--color-gray-950);--color-bg-darker: #000000;--color-text-primary: var(--color-gray-100);--color-text-secondary: var(--color-gray-300);--color-text-tertiary: var(--color-gray-400);--color-text-inverse: var(--color-gray-900);--color-text-muted: var(--color-gray-500);--color-border-light: var(--color-gray-700);--color-border-medium: var(--color-gray-600);--color-border-dark: var(--color-gray-500);--color-primary-light: #93c5fd;--color-primary: #60a5fa;--color-primary-dark: #3b82f6;--color-secondary-light: #5eead4;--color-secondary: #2dd4bf;--color-secondary-dark: #14b8a6}html,body,#root{width:100%;height:100%;font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-bg-secondary)}body{background:var(--color-bg-darker);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-inverse{color:var(--color-text-inverse)}.text-muted{color:var(--color-text-muted)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.bg-dark{background-color:var(--color-bg-dark)}.bg-darker{background-color:var(--color-bg-darker)}.border-light{border-color:var(--color-border-light)}.border-medium{border-color:var(--color-border-medium)}.border-dark{border-color:var(--color-border-dark)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded{border-radius:var(--border-radius-base)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-2xl{border-radius:var(--border-radius-2xl)}.rounded-full{border-radius:var(--border-radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow-x:hidden}.login-container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;overflow:hidden}.login-container{background:linear-gradient(135deg,#1d4ed8,#3b82f6,#60a5fa)}.login-card{background:var(--color-bg-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border-light);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-2xl);padding:var(--spacing-12);width:100%;max-width:420px;position:relative;overflow:hidden;z-index:10}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-primary) 100%)}.login-header{text-align:center;margin-bottom:var(--spacing-10);position:relative}.login-header h1{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 50%,var(--color-secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:28px;font-weight:800;margin-bottom:8px;letter-spacing:-.5px;text-shadow:0 0 30px rgba(59,130,246,.3)}.login-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.login-form{display:flex;flex-direction:column;gap:var(--spacing-6)}.error-message{background-color:var(--color-danger-light);color:var(--color-danger-dark);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;border:1px solid var(--color-danger);box-shadow:var(--shadow-sm)}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1);letter-spacing:.5px}.form-group input{padding:var(--spacing-4) var(--spacing-5);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);transition:all var(--transition-fast);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-sm)}.form-group input:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-bg-primary);box-shadow:0 0 0 2px var(--color-primary-light),var(--shadow-md);transform:translateY(-1px)}.form-group input::placeholder{color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.login-button{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-bg-primary);border:none;padding:var(--spacing-4) var(--spacing-8);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-2);position:relative;overflow:hidden;letter-spacing:.5px;text-transform:uppercase;box-shadow:var(--shadow-md)}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.login-button:hover:before{left:100%}.login-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%)}.login-button:active{transform:translateY(0)}.login-button:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary-light),var(--shadow-lg)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-button:disabled:hover{transform:none;box-shadow:var(--shadow-md)}.login-footer{text-align:center;margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:1px solid var(--color-border-light)}.forgot-password-link{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);letter-spacing:.5px}.forgot-password-link:hover{color:var(--color-primary-dark);text-decoration:underline;text-shadow:0 0 10px rgba(59,130,246,.3)}[data-theme=dark] .login-card{background:var(--color-bg-primary);border-color:var(--color-border-medium)}[data-theme=dark] .form-group input{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border-medium)}[data-theme=dark] .form-group input:focus{background-color:var(--color-bg-secondary);border-color:var(--color-primary)}[data-theme=dark] .form-group input::placeholder{color:var(--color-text-muted)}[data-theme=dark] .login-button{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-bg-primary)}[data-theme=dark] .login-button:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%)}@media (max-width: 480px){.login-container{padding:20px 16px}.login-card{padding:32px 24px;max-width:100%}.login-header h1{font-size:24px}.login-header p{font-size:13px}.form-group input{padding:14px 16px;font-size:16px}.login-button{padding:14px 24px;font-size:15px}}@media (min-width: 768px){.login-card{max-width:450px;padding:56px}.login-header h1{font-size:32px}.form-group input{padding:18px 24px}.login-button{padding:18px 36px}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-card{animation:slideInUp .8s ease-out}.login-header{animation:slideInUp .8s ease-out .2s both}.form-group{animation:slideInUp .6s ease-out;animation-fill-mode:both}.form-group:nth-child(2){animation-delay:.3s}.form-group:nth-child(3){animation-delay:.4s}.login-button{animation:slideInUp .6s ease-out .5s both}.login-footer{animation:slideInUp .6s ease-out .6s both}.forgot-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1d4ed8,#3b82f6,#60a5fa);padding:20px;position:relative;overflow:hidden}.forgot-password-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:40px;width:100%;max-width:450px;animation:slideUp .3s ease-out;position:relative;overflow:hidden}.forgot-password-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#06b6d4,#3b82f6)}.forgot-password-header{text-align:center;margin-bottom:30px}.forgot-password-icon{margin-bottom:20px;animation:pulse 2s infinite}.forgot-password-header h1{background:linear-gradient(135deg,#1e40af,#3b82f6,#06b6d4);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:28px;font-weight:700;margin:0 0 10px;text-shadow:0 0 30px rgba(59,130,246,.3)}.forgot-password-header p{color:#7f8c8d;font-size:14px;margin:0;line-height:1.5}.forgot-password-form{margin-bottom:30px}.forgot-password-footer{text-align:center;padding-top:20px;border-top:1px solid #e1e8ed}.forgot-password-footer p{color:#7f8c8d;font-size:14px;margin:0}@media (max-width: 480px){.forgot-password-card{padding:30px 20px;margin:10px}.forgot-password-header h1{font-size:24px}}.reset-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1d4ed8,#3b82f6,#60a5fa);padding:20px;position:relative;overflow:hidden}.reset-password-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:40px;width:100%;max-width:450px;animation:slideUp .3s ease-out;position:relative;overflow:hidden}.reset-password-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#06b6d4,#3b82f6)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reset-password-header{text-align:center;margin-bottom:30px}.reset-password-icon{margin-bottom:20px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.reset-password-header h1{background:linear-gradient(135deg,#1e40af,#3b82f6,#06b6d4);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:28px;font-weight:700;margin:0 0 10px;text-shadow:0 0 30px rgba(59,130,246,.3)}.reset-password-header p{color:#7f8c8d;font-size:14px;margin:0;line-height:1.5}.reset-password-form{margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{display:block;color:#2c3e50;font-weight:500;margin-bottom:8px;font-size:14px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e1e8ed;border-radius:8px;font-size:16px;transition:all .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-group input:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1e40af,#3b82f6);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.btn-primary:disabled{background-color:#bdc3c7;cursor:not-allowed;transform:none}.btn-full{width:100%}.error-message{background-color:#fee;color:#e74c3c;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px;border-left:4px solid #e74c3c}.success-message{background-color:#efe;color:#27ae60;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px;border-left:4px solid #27ae60}.reset-password-footer{text-align:center;padding-top:20px;border-top:1px solid #e1e8ed}.reset-password-footer p{color:#7f8c8d;font-size:14px;margin:0}.link{color:#3498db;text-decoration:none;font-weight:500}.link:hover{text-decoration:underline}.loading-state{text-align:center;padding:40px 20px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-state p{color:#7f8c8d;font-size:16px;margin:0}.error-state{text-align:center;padding:40px 20px}.error-state h1{color:#e74c3c;font-size:24px;font-weight:600;margin:0 0 15px}.error-state p{color:#7f8c8d;font-size:14px;margin:0 0 25px;line-height:1.5}@media (max-width: 480px){.reset-password-card{padding:30px 20px;margin:10px}.reset-password-header h1{font-size:24px}}.theme-toggle{display:flex;align-items:center;gap:var(--spacing-2);background:transparent;border:1px solid var(--color-border-medium);border-radius:var(--border-radius-lg);padding:var(--spacing-2) var(--spacing-3);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-height:36px}.theme-toggle:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary);color:var(--color-text-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.theme-toggle:active{transform:translateY(0);box-shadow:none}.theme-toggle:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary-light)}.theme-toggle-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;transition:transform var(--transition-base)}.theme-toggle:hover .theme-toggle-icon{transform:scale(1.1)}.theme-toggle-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none}@media (max-width: 768px){.theme-toggle{padding:var(--spacing-2);min-width:36px;justify-content:center}.theme-toggle-text{display:none}.theme-toggle{border-radius:var(--border-radius-full)}}.theme-toggle-icon svg{transition:transform var(--transition-fast),opacity var(--transition-fast)}.theme-toggle:hover .theme-toggle-icon svg{transform:rotate(15deg)}.navbar{background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border-light);padding:var(--spacing-3) 0;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--z-sticky);transition:all var(--transition-base);height:60px}.navbar-content{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0}@media (min-width: 992px){.navbar-content{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}.navbar-left{display:flex;align-items:center;gap:var(--spacing-4)}.navbar-menu-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:var(--spacing-2);border-radius:var(--border-radius-md);transition:background-color var(--transition-fast)}.navbar-menu-btn:hover{background-color:var(--color-bg-tertiary)}.navbar-menu-btn span{display:block;width:20px;height:2px;background-color:var(--color-text-primary);transition:all var(--transition-fast);margin:2px 0}.navbar-menu-btn span:nth-child(1){transform-origin:0% 0%}.navbar-menu-btn span:nth-child(2){transform-origin:0% 50%}.navbar-menu-btn span:nth-child(3){transform-origin:0% 100%}.navbar-title{margin:0;font-size:var(--font-size-2xl);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);transition:color var(--transition-base)}.navbar-right{display:flex;gap:var(--spacing-5);align-items:center}.navbar-user{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.navbar-logout-button{background:var(--color-error);color:var(--color-text-inverse);border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.navbar-logout-button:hover{background:var(--color-error-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.navbar-logout-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.navbar-logout-button:focus{outline:none;box-shadow:0 0 0 2px var(--color-error-light)}@media (max-width: 991px){.navbar{padding:var(--spacing-2) 0;height:60px}.navbar-content{padding:0 var(--spacing-4)}.navbar-menu-btn{display:flex}.navbar-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.navbar-right{gap:var(--spacing-3)}.navbar-user{display:none}}@media (max-width: 768px){.navbar{height:56px}.navbar-content{padding:0 var(--spacing-3)}.navbar-title{font-size:var(--font-size-lg)}.navbar-right{gap:var(--spacing-2)}.navbar-menu-btn{width:36px;height:36px}.navbar-menu-btn span{width:18px;height:2px}}@media (max-width: 576px){.navbar{height:52px}.navbar-content{padding:0 var(--spacing-3)}.navbar-left{gap:var(--spacing-3)}.navbar-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.navbar-right{gap:var(--spacing-2)}.navbar-menu-btn{width:32px;height:32px;padding:var(--spacing-1)}.navbar-menu-btn span{width:16px;height:2px;margin:1px 0}}@media (max-width: 480px){.navbar{height:48px}.navbar-content{padding:0 var(--spacing-2)}.navbar-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.navbar-menu-btn{width:28px;height:28px}.navbar-menu-btn span{width:14px;height:1px}}[data-theme=dark] .navbar{border-bottom-color:var(--color-border-light);box-shadow:0 2px 8px #0000004d}.navbar.compact{padding:var(--spacing-2) 0}.navbar.compact .navbar-title{font-size:var(--font-size-lg)}.navbar.transparent{background-color:transparent;border-bottom:none;box-shadow:none}.navbar.fixed{position:fixed;width:100%;top:0;left:0}.sidebar{width:250px;min-width:250px;background-color:var(--color-bg-primary);border-right:1px solid var(--color-border-light);padding:0;box-shadow:var(--shadow-sm);flex-shrink:0;transition:all var(--transition-base);height:100%;overflow:hidden;display:flex;flex-direction:column}.sidebar-header,.sidebar-title{display:none}.sidebar-nav{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:0 var(--spacing-2)}.sidebar-menu{list-style:none;padding:var(--spacing-3) 0 0 0;margin:0;display:flex;flex-direction:column;gap:0}.sidebar-item{display:flex;align-items:center}.sidebar-link{display:flex;align-items:center;width:100%;padding:var(--spacing-3) var(--spacing-4);background:none;border:none;text-decoration:none;color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);border-left:3px solid transparent;text-align:left;position:relative;border-radius:var(--border-radius-md);height:48px}.sidebar-link:hover{background-color:var(--color-bg-tertiary);color:var(--color-primary-dark);transform:translate(2px)}.sidebar-link:hover .sidebar-icon i{transform:scale(1.1)}.sidebar-item.active .sidebar-link{background-color:var(--color-primary-light);color:var(--color-gray-900);border-left-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.sidebar-item.active .sidebar-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-primary);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0}.sidebar-icon{font-size:var(--font-size-lg);margin-right:var(--spacing-3);width:24px;height:24px;text-align:center;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.sidebar-icon i{font-size:16px;transition:all var(--transition-base)}.sidebar-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:inherit}@media (min-width: 992px){.sidebar-link{padding:var(--spacing-3) var(--spacing-4);flex-direction:row;text-align:left;height:48px;justify-content:flex-start}.sidebar-icon{font-size:var(--font-size-lg);margin-right:var(--spacing-3);margin-bottom:0;width:24px;height:24px}.sidebar-icon i{font-size:16px}.sidebar-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:left;line-height:1.4}.sidebar-item.active .sidebar-link{background-color:var(--color-primary-light);color:var(--color-gray-900);border-left-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.sidebar-item.active .sidebar-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-primary);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0}.sidebar-link:hover{background-color:var(--color-bg-tertiary);color:var(--color-primary-dark);transform:translate(2px)}.sidebar-link:hover .sidebar-icon i{transform:scale(1.1)}}.sidebar-badge{background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:var(--border-radius-full);min-width:18px;text-align:center;margin-left:var(--spacing-2);font-size:10px}.sidebar-item.active .sidebar-badge{background:var(--color-primary-dark);color:var(--color-text-inverse)}@media (max-width: 991px){.sidebar{width:100%;min-width:100%;border-right:none;border-bottom:1px solid var(--color-border-light);padding:var(--spacing-2) 0;height:auto;position:static}.sidebar-nav{justify-content:flex-start;padding:0 var(--spacing-1)}.sidebar-menu{display:flex;flex-direction:column;gap:0;padding-top:var(--spacing-2)}.sidebar-item{margin:0;flex:1;min-width:0}.sidebar-link{padding:var(--spacing-3) var(--spacing-4);border-left:3px solid transparent;border-bottom:none;flex-direction:row;text-align:left;height:48px;justify-content:flex-start;width:100%;align-items:center;display:flex}.sidebar-item.active .sidebar-link{border-left-color:var(--color-primary);background-color:var(--color-primary-light);color:var(--color-primary-dark);font-weight:var(--font-weight-semibold)}.sidebar-item.active .sidebar-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-primary);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0}.sidebar-icon{margin-right:var(--spacing-3);margin-bottom:0;font-size:var(--font-size-lg);width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-icon i{font-size:16px}.sidebar-label{font-size:var(--font-size-sm);text-align:left;font-weight:var(--font-weight-semibold);color:inherit;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-link:hover{background-color:var(--color-bg-tertiary);color:var(--color-primary-dark);transform:translate(2px)}.sidebar-link:hover .sidebar-icon i{transform:scale(1.1)}.sidebar-badge{position:absolute;top:2px;right:2px;margin-left:0;font-size:8px;padding:1px 3px}}@media (max-width: 767px){.sidebar{padding:var(--spacing-2) 0}.sidebar-link{padding:var(--spacing-2);height:38px}.sidebar-icon{font-size:var(--font-size-sm);width:16px;height:16px}.sidebar-icon i{font-size:12px}.sidebar-label{font-size:9px;font-weight:var(--font-weight-semibold);color:inherit}}@media (max-width: 480px){.sidebar{padding:var(--spacing-1) 0}.sidebar-menu{flex-direction:column;gap:0;padding-top:var(--spacing-2)}.sidebar-item{flex:1;margin:0}.sidebar-link{flex-direction:column;text-align:center;height:35px;padding:var(--spacing-1);border-left:none;border-bottom:2px solid transparent}.sidebar-item.active .sidebar-link{border-bottom-color:var(--color-primary);border-left-color:transparent}.sidebar-item.active .sidebar-link:before{display:none}.sidebar-icon{margin-right:0;margin-bottom:var(--spacing-1);font-size:var(--font-size-sm);width:14px;height:14px}.sidebar-icon i{font-size:10px}.sidebar-label{font-size:8px;text-align:center;line-height:1.1;font-weight:var(--font-weight-semibold);color:inherit}.sidebar-badge{position:absolute;top:1px;right:1px;margin-left:0;font-size:7px;padding:1px 2px}}[data-theme=dark] .sidebar{border-right-color:var(--color-border-light);box-shadow:2px 0 8px #0000004d}.sidebar.compact{width:200px;min-width:200px}.sidebar.compact .sidebar-label{display:none}.sidebar.compact .sidebar-link{justify-content:center;padding:var(--spacing-3)}.sidebar.compact .sidebar-icon{margin-right:0}.sidebar.floating{position:fixed;top:0;left:0;height:100vh;z-index:var(--z-fixed);box-shadow:var(--shadow-xl)}.sidebar.hidden{transform:translate(-100%)}@media (min-width: 992px){.sidebar{position:fixed;top:60px;left:0;height:calc(100vh - 60px);z-index:var(--z-sticky);padding:0;display:flex;flex-direction:column}}.sidebar-item{animation:slideInLeft .3s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.sidebar-footer{margin-top:auto;padding:var(--spacing-2);border-top:1px solid var(--color-border-light)}.sidebar-logout{width:100%;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:none;border:none;border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);text-decoration:none;cursor:pointer;transition:all var(--transition-base)}.sidebar-logout:hover{background:var(--color-danger-light);color:var(--color-danger-dark)}.sidebar-logout .sidebar-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logout .sidebar-icon i{font-size:16px;transition:transform var(--transition-base)}.sidebar-logout:hover .sidebar-icon i{transform:scale(1.1)}.sidebar-logout .sidebar-label{font-weight:var(--font-weight-semibold);color:inherit}@media (max-width: 991px){.sidebar-footer{padding:var(--spacing-2)}.sidebar-logout{padding:var(--spacing-2) var(--spacing-2);font-size:var(--font-size-sm)}.sidebar-logout .sidebar-icon{width:20px;height:20px}.sidebar-logout .sidebar-icon i{font-size:14px}}@media (max-width: 768px){.sidebar-logout{padding:var(--spacing-2);font-size:var(--font-size-sm)}.sidebar-logout .sidebar-icon{width:18px;height:18px}.sidebar-logout .sidebar-icon i{font-size:12px}}@media (max-width: 480px){.sidebar-footer{padding:var(--spacing-2)}.sidebar-logout{padding:var(--spacing-2);font-size:var(--font-size-sm)}.sidebar-logout .sidebar-icon{width:18px;height:18px}.sidebar-logout .sidebar-icon i{font-size:12px}}@media (max-width: 991px){.sidebar{position:fixed;top:0;left:-250px;height:100vh;z-index:var(--z-modal);transition:left var(--transition-base);width:250px;min-width:250px;background-color:var(--color-bg-primary);border-right:1px solid var(--color-border-light);box-shadow:var(--shadow-lg)}.sidebar.sidebar-open{left:0}.sidebar-overlay{display:block}}@media (max-width: 576px){.sidebar{width:250px;left:-250px;background-color:var(--color-bg-primary);border-right:1px solid var(--color-border-light);box-shadow:var(--shadow-lg)}.sidebar.sidebar-open{left:0}}.dashboard-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg-secondary)}.dashboard-main{flex:1;display:flex;height:calc(100vh - 60px);overflow:hidden}@media (max-width: 991px){.dashboard-main{height:calc(100vh - 60px)}}@media (max-width: 768px){.dashboard-main{height:calc(100vh - 56px)}}@media (max-width: 576px){.dashboard-main{height:calc(100vh - 52px)}}@media (max-width: 480px){.dashboard-main{height:calc(100vh - 48px)}}.dashboard-content{flex:1;padding:var(--spacing-6);background-color:var(--color-bg-secondary);overflow-y:auto;min-width:0}@media (min-width: 992px){.dashboard-content{margin-left:250px;width:calc(100% - 250px)}}@media (max-width: 991px){.dashboard-content{margin-left:0;width:100%}}.dashboard-content h2{color:var(--color-text-primary);font-size:var(--font-size-3xl);margin:0 0 var(--spacing-6) 0;font-weight:var(--font-weight-semibold)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-10)}.stat-card{background-color:var(--color-bg-primary);padding:var(--spacing-6);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);text-align:center;transition:all var(--transition-base);border:1px solid var(--color-border-light)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-light)}.stat-card h3{color:var(--color-primary);font-size:var(--font-size-base);margin-bottom:var(--spacing-3);font-weight:var(--font-weight-semibold)}.stat-card p{color:var(--color-text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-10);text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-border-light);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-4)}.loading-container p{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.listings-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6);margin-top:var(--spacing-8)}.listing-card{background-color:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);overflow:hidden}.listing-card h3{background-color:var(--color-primary);color:#fff;padding:var(--spacing-4);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.listing-content{padding:var(--spacing-4);max-height:400px;overflow-y:auto}.infraction-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.infraction-item{padding:var(--spacing-3);background-color:var(--color-bg-secondary);border-radius:var(--border-radius-md);border-left:4px solid var(--color-danger);transition:all var(--transition-base)}.infraction-item:hover{background-color:var(--color-bg-primary);transform:translate(2px)}.infraction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.infraction-id{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm)}.infraction-date{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.infraction-details{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.infraction-type{background-color:var(--color-primary-light);color:var(--color-primary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.infraction-placa{background-color:var(--color-info-light);color:var(--color-info);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.infraction-address{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-tight)}.report-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.report-item{padding:var(--spacing-3);background-color:var(--color-bg-secondary);border-radius:var(--border-radius-md);border-left:4px solid var(--color-warning);transition:all var(--transition-base);box-shadow:0 1px 3px #0000001a}.report-item:hover{background-color:var(--color-bg-primary);transform:translate(2px);box-shadow:0 2px 6px #00000026}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border-light)}.report-id-section{display:flex;align-items:center;gap:var(--spacing-2)}.report-id{font-weight:var(--font-weight-bold);color:var(--color-primary);font-size:var(--font-size-base)}.report-infracao-id{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.report-date{font-size:var(--font-size-xs);color:var(--color-text-secondary);background-color:var(--color-bg-primary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);white-space:nowrap}.report-user-info{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-2);padding:var(--spacing-2);background-color:var(--color-bg-primary);border-radius:var(--border-radius-sm)}.report-user-id,.report-email{display:flex;align-items:center;gap:var(--spacing-1)}.report-user-id .label,.report-email .label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.report-user-id .value,.report-email .value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.report-email .value{word-break:break-all;color:var(--color-info)}.report-category-section{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-2);flex-wrap:wrap}.report-category{background-color:var(--color-warning);color:#fff;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border:1px solid var(--color-warning);text-shadow:0 1px 2px rgba(0,0,0,.2)}.report-description{background-color:var(--color-bg-primary);padding:var(--spacing-2);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-light)}.report-description .label{display:inline;font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);margin-right:var(--spacing-2)}.report-description p{display:inline;font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-normal);margin:0;white-space:pre-wrap;word-break:break-word}.no-data{text-align:center;color:var(--color-text-secondary);font-style:italic;padding:var(--spacing-6);margin:0}@media (max-width: 991px){.dashboard-main{flex-direction:column;height:calc(100vh - 50px)}.dashboard-content{padding:var(--spacing-4);height:auto}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-4)}}@media (max-width: 767px){.dashboard-content{padding:var(--spacing-3)}.dashboard-content h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-4)}.stat-card{padding:var(--spacing-4)}.stat-card p{font-size:var(--font-size-3xl)}.main-content-area{padding:var(--spacing-4)}.listings-grid{grid-template-columns:1fr;gap:var(--spacing-4)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.listings-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.listing-content{max-height:300px}.infraction-item,.report-item{padding:var(--spacing-2)}.infraction-details,.report-details,.report-user-info,.report-category-section{flex-direction:column;gap:var(--spacing-2)}.report-header{flex-direction:column;gap:var(--spacing-2);align-items:flex-start}.report-id-section{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}.report-date{align-self:flex-start}}.configuracoes-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg-secondary)}.configuracoes-main{flex:1;display:flex;height:calc(100vh - 60px);overflow:hidden}@media (max-width: 991px){.configuracoes-main{height:calc(100vh - 60px)}}@media (max-width: 768px){.configuracoes-main{height:calc(100vh - 56px)}}@media (max-width: 576px){.configuracoes-main{height:calc(100vh - 52px)}}@media (max-width: 480px){.configuracoes-main{height:calc(100vh - 48px)}}.configuracoes-content{flex:1;padding:var(--spacing-6);background-color:var(--color-bg-secondary);overflow-y:auto;min-width:0}@media (min-width: 992px){.configuracoes-content{margin-left:250px;width:calc(100% - 250px)}}.configuracoes-content h2{color:var(--color-text-primary);font-size:var(--font-size-3xl);margin:0 0 var(--spacing-6) 0;font-weight:var(--font-weight-semibold)}.configuracoes-sections{display:flex;flex-direction:column;gap:var(--spacing-6)}.config-forms-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-6);align-items:start}.config-section{background-color:var(--color-bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-8);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light)}.config-section-header{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border-light)}.config-section-header h3{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0}.config-section-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.config-form{display:flex;flex-direction:column;gap:var(--spacing-6)}.form-row{display:flex;flex-direction:column;gap:var(--spacing-4)}.form-label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0}[data-theme=dark] .form-label{color:var(--color-gray-100)!important}.form-input{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-md);font-size:var(--font-size-base);background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:all var(--transition-fast)}[data-theme=dark] .form-input{background-color:var(--color-gray-700)!important;color:var(--color-gray-100)!important;border-color:var(--color-gray-600)!important}[data-theme=dark] .form-input::placeholder{color:var(--color-gray-500)!important}[data-theme=dark] .form-input:focus{background-color:var(--color-gray-700)!important;color:var(--color-gray-100)!important;border-color:var(--color-primary)!important}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.form-input::placeholder{color:var(--color-text-muted)}.form-input:disabled{background-color:var(--color-bg-tertiary);color:var(--color-text-muted);cursor:not-allowed;opacity:.6}[data-theme=dark] .form-input:disabled{background-color:var(--color-gray-800)!important;color:var(--color-gray-500)!important}.form-actions{display:flex;justify-content:flex-end;padding-top:var(--spacing-4);border-top:1px solid var(--color-border-light)}.btn{padding:var(--spacing-3) var(--spacing-6);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);min-width:120px}.btn-primary:active:not(:disabled){transform:translateY(0)}.message{padding:var(--spacing-4);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);animation:slideIn .3s ease-out}.message.success{background-color:var(--color-success-light);color:var(--color-success-dark);border:1px solid var(--color-success)}.message.error{background-color:var(--color-danger-light);color:var(--color-danger-dark);border:1px solid var(--color-danger)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.config-forms-container{grid-template-columns:1fr;gap:var(--spacing-6)}}@media (max-width: 991px){.configuracoes-content{margin-left:0;width:100%;padding:var(--spacing-4)}.config-section{padding:var(--spacing-6)}.config-section-header h3{font-size:var(--font-size-lg)}.form-actions{justify-content:center}}@media (max-width: 576px){.configuracoes-content{padding:var(--spacing-3)}.configuracoes-sections{gap:var(--spacing-6)}.config-section{padding:var(--spacing-4)}.config-section-header{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3)}.config-section-header h3{font-size:var(--font-size-base)}.configuracoes-content h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-4)}.form-input{padding:var(--spacing-2) var(--spacing-3)}.btn{padding:var(--spacing-2) var(--spacing-4);min-width:100px}}.system-settings{background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);color:var(--color-text-primary);margin-bottom:var(--spacing-6);box-shadow:var(--shadow-sm)}.system-settings .config-section-header{text-align:center;margin-bottom:var(--spacing-4);padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-border-light)}.system-settings .config-section-header h3{color:var(--color-text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-2);font-weight:var(--font-weight-semibold)}.system-settings .config-section-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}.system-settings-content{background-color:var(--color-bg-secondary);border-radius:var(--border-radius-lg);padding:var(--spacing-4);border:1px solid var(--color-border-light)}.toggle-group{display:flex;flex-direction:row;gap:var(--spacing-6);margin-bottom:var(--spacing-3);justify-content:space-between;align-items:stretch;padding:0 var(--spacing-2)}.toggle-item{display:flex;flex-direction:row;align-items:center;text-align:left;padding:var(--spacing-4);background-color:var(--color-bg-primary);border-radius:var(--border-radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-base);flex:1;min-height:80px;box-shadow:var(--shadow-sm)}.toggle-item:hover{background-color:var(--color-bg-primary);transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.toggle-info{flex:1;margin-right:var(--spacing-4)}.toggle-info h4{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2) 0}.toggle-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}.toggle-switch{position:relative;flex-shrink:0}.toggle-input{position:absolute;opacity:0;width:0;height:0}.toggle-label{display:flex;align-items:center;cursor:pointer;position:relative;width:60px;height:30px;background-color:var(--color-border-light);border-radius:15px;transition:all var(--transition-base);border:2px solid var(--color-border-light)}.toggle-label:hover{background-color:var(--color-border);border-color:var(--color-border)}.toggle-label.disabled{opacity:.5;cursor:not-allowed}.toggle-label.disabled:hover{background-color:var(--color-border-light);border-color:var(--color-border-light)}.toggle-input:checked+.toggle-label{background-color:var(--color-success);border-color:var(--color-success)}.toggle-input:checked+.toggle-label:hover{background-color:var(--color-success-dark);border-color:var(--color-success-dark)}.toggle-slider{position:absolute;top:2px;left:2px;width:22px;height:22px;background-color:#fff;border-radius:50%;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.toggle-input:checked+.toggle-label .toggle-slider{transform:translate(30px)}.toggle-input:disabled+.toggle-label{opacity:.5;cursor:not-allowed}.api-key-section{margin:var(--spacing-4) 0;padding:var(--spacing-4);background-color:var(--color-bg-primary);border-radius:var(--border-radius-lg);border:1px solid var(--color-border-light)}.api-key-section .form-group{margin-bottom:0}.api-key-section .form-label{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.api-key-section .form-input{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);color:var(--color-text-primary)}.api-key-section .form-input:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:not-allowed}.api-key-section .form-input.api-key-valid{border-color:#10b981!important;border-width:2px!important}.api-key-section .form-input.api-key-valid:focus{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811a!important}.api-key-section .form-input.api-key-invalid{border-color:#ef4444!important;border-width:2px!important}.api-key-section .form-input.api-key-invalid:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}[data-theme=dark] .api-key-section .form-input.api-key-valid{border-color:#10b981!important;border-width:2px!important;background-color:var(--color-gray-700)!important}[data-theme=dark] .api-key-section .form-input.api-key-valid:focus{border-color:#10b981!important;box-shadow:0 0 0 3px #10b98133!important;background-color:var(--color-gray-700)!important}[data-theme=dark] .api-key-section .form-input.api-key-invalid{border-color:#ef4444!important;border-width:2px!important;background-color:var(--color-gray-700)!important}[data-theme=dark] .api-key-section .form-input.api-key-invalid:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444433!important;background-color:var(--color-gray-700)!important}.form-help{display:block;margin-top:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.system-settings-actions{display:flex;justify-content:center;padding-top:var(--spacing-4);border-top:1px solid var(--color-border-light)}.system-settings-actions .btn{background-color:var(--color-primary);color:#fff;border:1px solid var(--color-primary);font-weight:var(--font-weight-semibold);padding:var(--spacing-2) var(--spacing-6);border-radius:var(--border-radius-lg)}.system-settings-actions .btn:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.system-settings-actions .btn:disabled{opacity:.6;cursor:not-allowed;transform:none;background-color:var(--color-border-light);border-color:var(--color-border-light)}@media (max-width: 767px){.toggle-group{flex-direction:column;gap:var(--spacing-4);padding:0}.toggle-item{flex-direction:column;text-align:center;min-height:auto;padding:var(--spacing-4)}.toggle-info{margin-right:0;margin-bottom:var(--spacing-3)}.toggle-switch{align-self:center}.system-settings-actions{justify-content:center}}@media (max-width: 480px){.system-settings-content,.toggle-item{padding:var(--spacing-3)}.toggle-group{gap:var(--spacing-3)}.system-settings .config-section-header h3{font-size:var(--font-size-xl)}.system-settings .config-section-header p{font-size:var(--font-size-sm)}}.infracoes-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg-secondary)}.infracoes-main{flex:1;display:flex;height:calc(100vh - 60px);overflow:hidden}@media (max-width: 991px){.infracoes-main{height:calc(100vh - 60px)}}@media (max-width: 768px){.infracoes-main{height:calc(100vh - 56px)}}@media (max-width: 576px){.infracoes-main{height:calc(100vh - 52px)}}@media (max-width: 480px){.infracoes-main{height:calc(100vh - 48px)}}.infracoes-content{flex:1;padding:var(--spacing-6);background-color:var(--color-bg-secondary);overflow-y:auto;min-width:0}@media (min-width: 992px){.infracoes-content{margin-left:250px;width:calc(100% - 250px)}}.infracoes-content h2{color:var(--color-text-primary);font-size:var(--font-size-3xl);margin:0 0 var(--spacing-6) 0;font-weight:var(--font-weight-semibold)}.infracoes-main-content{background-color:var(--color-bg-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light)}.infracoes-header{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border-light)}.filtros-row{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-4);flex-wrap:wrap}.filtro-group{display:flex;flex-direction:column;gap:var(--spacing-2);min-width:150px;flex:1}.filtro-label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0}.filtro-input,.filtro-select{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);background-color:var(--color-bg-tertiary);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.filtro-input:focus,.filtro-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.filtro-input::placeholder{color:var(--color-text-muted)}.infracoes-stats{display:flex;justify-content:flex-end}.stats-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.infracoes-table-container{overflow-x:auto;margin-bottom:var(--spacing-6)}.infracoes-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.infracoes-table th{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:2px solid var(--color-border-light);white-space:nowrap}.infracoes-table td{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);vertical-align:middle}.infracoes-table tbody tr:hover{background-color:var(--color-bg-tertiary)}.placa-cell{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.local-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{display:inline-block;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.status-pendente{background-color:#fbbf241a;color:var(--color-warning-dark);border:1px solid rgba(251,191,36,.3)}.status-processado{background-color:#22c55e1a;color:var(--color-success-dark);border:1px solid rgba(34,197,94,.3)}.status-cancelado{background-color:#ef44441a;color:var(--color-error-dark);border:1px solid rgba(239,68,68,.3)}.btn-action{background:none;border:1px solid var(--color-border-medium);border-radius:var(--border-radius-md);padding:var(--spacing-1) var(--spacing-2);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm)}.btn-action:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-primary)}.btn-view:hover{background-color:#3b82f61a;border-color:var(--color-primary)}.btn-edit:hover{background-color:#22c55e1a;border-color:var(--color-success)}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-4);border-top:1px solid var(--color-border-light)}.pagination-btn{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-md);background-color:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm)}.pagination-number{width:40px;height:40px;border:1px solid var(--color-border-medium);border-radius:var(--border-radius-md);background-color:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:center}.pagination-number.active{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}@media (max-width: 991px){.infracoes-content{margin-left:0;width:100%;padding:var(--spacing-4)}.infracoes-main-content{padding:var(--spacing-4)}.filtros-row{flex-direction:column;gap:var(--spacing-3)}.filtro-group{min-width:auto}.pagination-container{flex-direction:column;gap:var(--spacing-3);align-items:stretch}.pagination-controls{justify-content:center}}@media (max-width: 576px){.infracoes-content,.infracoes-main-content{padding:var(--spacing-3)}.infracoes-content h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-4)}.infracoes-table{font-size:var(--font-size-xs)}.infracoes-table th,.infracoes-table td{padding:var(--spacing-2) var(--spacing-2)}.pagination-number{width:32px;height:32px;font-size:var(--font-size-xs)}.pagination-btn{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs)}.local-cell{max-width:120px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);gap:var(--spacing-4)}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);gap:var(--spacing-4)}.btn-limpar-filtros{background-color:var(--color-warning);color:#fff;border:none;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius);cursor:pointer;font-size:12px;transition:background-color .2s;white-space:nowrap}.btn-limpar-filtros:hover{background-color:#d97706}.stats-details{font-size:12px;color:var(--color-text-secondary);margin-top:var(--spacing-1)}.tipo-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tipo-avanco{background-color:#fef3c7;color:#92400e}.tipo-caminhao{background-color:#dbeafe;color:#1e40af}.tipo-velocidade{background-color:#fecaca;color:#dc2626}.tipo-parada{background-color:#d1fae5;color:#065f46}.tipo-default{background-color:var(--color-border);color:var(--color-text-secondary)}.ia-badge{display:inline-block;background-color:#8b5cf6;color:#fff;padding:1px 6px;border-radius:8px;font-size:10px;margin-left:4px}.id-cell{font-family:Courier New,monospace;font-size:12px;font-weight:600;color:var(--color-primary)}.data-hora-cell{display:flex;flex-direction:column;gap:2px}.data-hora-cell .hora{font-size:11px;color:var(--color-text-secondary)}.local-cell{max-width:200px}.endereco{font-weight:500;margin-bottom:2px}.sentido{font-size:11px;color:var(--color-text-secondary)}.velocidade-cell{display:flex;flex-direction:column;gap:1px;font-size:11px}.velocidade-cell>div{display:flex;justify-content:space-between;min-width:80px}.ia-cell{display:flex;justify-content:center;align-items:center}.ia-status{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;border-radius:8px;font-size:12px;font-weight:600;min-width:80px}.ia-status.processed{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.ia-status.pending{background-color:#fecaca;color:#dc2626;border:1px solid #fca5a5}.ia-icon{font-size:16px}.ia-text{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ia-confidence{background-color:#fffc;color:#065f46;padding:1px 4px;border-radius:4px;font-size:10px;font-weight:700;margin-top:2px}.status-novo{background-color:#dbeafe;color:#1e40af}.status-aprovado{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.status-rejeitado{background-color:#fecaca;color:#dc2626;border:1px solid #fca5a5}.status-pre-aprovado{background-color:#d1fae5;color:#047857;border:1px solid #a7f3d0;position:relative}.status-pre-aprovado:after{content:"🤖";position:absolute;right:-2px;top:-2px;font-size:10px}.status-pre-rejeitado{background-color:#fef2f2;color:#991b1b;border:1px solid #fecaca;position:relative}.status-pre-rejeitado:after{content:"🤖";position:absolute;right:-2px;top:-2px;font-size:10px}.status-barrado{background-color:#fef3c7;color:#92400e;border:1px solid #fde68a}.status-default{background-color:var(--color-border);color:var(--color-text-secondary)}.infracao-row{cursor:pointer;transition:all .2s ease}.infracao-row:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.infracao-row:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}.infracao-detalhes-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg-secondary);overflow-y:auto;overflow-x:hidden}.infracao-header-fullscreen{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-bg-primary);border-bottom:2px solid var(--color-border);flex-shrink:0;gap:var(--spacing-4)}.btn-voltar-fullscreen{background-color:var(--color-primary);color:#fff;border:none;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius);cursor:pointer;font-size:13px;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:var(--spacing-1);min-width:140px;height:36px;flex-shrink:0}.btn-voltar-fullscreen:hover{background-color:var(--color-primary-dark)}.header-title{display:flex;align-items:center;flex-shrink:0}.infracao-id-fullscreen{font-family:Courier New,monospace;font-weight:700;color:var(--color-primary);font-size:16px higher;background-color:var(--color-bg-tertiary);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius);border:1px solid var(--color-border);min-width:140px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.infracao-content-fullscreen{flex:1;padding:0 var(--spacing-4) var(--spacing-4);background-color:var(--color-bg-secondary);overflow:visible;display:flex;flex-direction:column}.infracao-main-layout-3col{display:grid;grid-template-columns:1fr 2fr 1fr;gap:var(--spacing-4);min-height:calc(100vh - 120px);overflow:visible}.infracao-left-column{display:flex;flex-direction:column;gap:var(--spacing-3);overflow:visible;padding-top:var(--spacing-4);padding-right:var(--spacing-2)}.infracao-center-column,.infracao-right-column{display:flex;flex-direction:column;overflow:visible;padding-top:0}.info-card-compact{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-4);box-shadow:0 2px 4px #0000000d}.info-card-compact h4{margin:0 0 var(--spacing-3) 0;color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:600;padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border)}.info-row{display:flex;gap:var(--spacing-2);align-items:center;flex-wrap:wrap}.info-grid-2x2{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2)}.info-item-compact{display:flex;flex-direction:column;gap:2px}.info-item-compact.full-width{grid-column:1 / -1}.info-item-compact label{font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.info-item-compact span{font-size:13px;font-weight:500;color:var(--color-text-primary)}.velocidade-multada{color:var(--color-error)!important;font-weight:700!important}.placa-compact{font-family:Courier New,monospace!important;font-weight:700!important;color:var(--color-primary)!important;font-size:14px!important;letter-spacing:1px}.endereco-compact{font-size:12px!important;line-height:1.3}.galeria-container{min-height:500px;display:flex;flex-direction:column;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:visible}.galeria-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.galeria-title-section{display:flex;flex-direction:column;gap:var(--spacing-2);flex:1}.galeria-header h4{margin:0;color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:600}.media-info-header{display:flex;flex-direction:column;gap:2px}.media-name-header{font-weight:600;color:var(--color-text-primary);font-size:12px;word-break:break-all}.media-type-header{display:flex;align-items:center;gap:var(--spacing-1);font-size:10px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px;font-weight:600}.ia-badge-header{background-color:#8b5cf6;color:#fff;padding:1px 4px;border-radius:6px;font-size:8px;font-weight:600}.galeria-counter{background-color:var(--color-primary);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;flex-shrink:0}.carrossel-container{min-height:400px;display:flex;align-items:center;position:relative;background-color:var(--color-bg-tertiary)}.carrossel-btn{background-color:var(--color-primary);color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;margin:0 var(--spacing-2)}.carrossel-btn:hover:not(:disabled){background-color:var(--color-primary-dark);transform:scale(1.1)}.carrossel-btn:disabled{background-color:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;transform:none}.carrossel-btn-prev{position:absolute;left:var(--spacing-2)}.carrossel-btn-next{position:absolute;right:var(--spacing-2)}.carrossel-content{flex:1;display:flex;align-items:center;justify-content:center;height:100%;padding:var(--spacing-4)}.carrossel-item{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.carrossel-media{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--border-radius);box-shadow:0 4px 12px #0003}.carrossel-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-secondary);text-align:center;padding:var(--spacing-8)}.carrossel-placeholder.hidden{display:none}.carrossel-placeholder .placeholder-icon{font-size:48px;margin-bottom:var(--spacing-2)}.carrossel-placeholder .placeholder-text{font-size:14px;font-weight:600}.formulario-container{min-height:500px;display:flex;flex-direction:column;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:visible}.formulario-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary);gap:var(--spacing-2)}.ia-indicator{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:var(--border-radius);font-size:12px;font-weight:600;animation:pulse 2s ease-in-out infinite}.ia-indicator svg{font-size:14px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.formulario-ia-section{padding:var(--spacing-3);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-primary)}.formulario-container h4{margin:0;color:var(--color-text-primary);font-size:14px;font-weight:600}.btn-reportar{background-color:#dc2626;color:#fff;border:none;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius);font-size:11px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease;display:flex;align-items:center;gap:4px}.btn-reportar:hover{background-color:#b91c1c;transform:translateY(-1px)}.btn-reportar:active{transform:translateY(0)}.btn-analisar-ia{background-color:#8b5cf6;color:#fff;border:none;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius);font-size:11px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease;display:flex;align-items:center;gap:4px}.btn-analisar-ia:hover:not(:disabled){background-color:#7c3aed;transform:translateY(-1px)}.btn-analisar-ia:active:not(:disabled){transform:translateY(0)}.btn-analisar-ia:disabled{background-color:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;transform:none}.btn-analisar-ia-full{width:100%;background-color:#8b5cf6;color:#fff;border:none;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius);font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.btn-analisar-ia-full:hover:not(:disabled){background-color:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-analisar-ia-full:active:not(:disabled){transform:translateY(0)}.btn-analisar-ia-full:disabled{background-color:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;transform:none;box-shadow:none}.btn-icon{margin-right:var(--spacing-1);font-size:14px}.modal-header-icon{margin-right:var(--spacing-2);font-size:18px}.ia-confianca-icon,.ia-status-icon{display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--color-text-primary)}.ia-card-icon{font-size:16px;color:var(--color-primary);margin-right:var(--spacing-2)}.formulario-tratamento{flex:1;display:flex;flex-direction:column;padding:var(--spacing-3);gap:var(--spacing-2);overflow-y:auto}.formulario-campos{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2)}.formulario-campos .form-group:nth-child(3),.formulario-campos .form-group:nth-child(4){grid-column:1 / -1}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:11px;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}.form-input,.form-select,.form-textarea{padding:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:13px;font-family:inherit;background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-secondary);font-style:italic}.form-textarea{resize:vertical;min-height:160px;line-height:1.5}.form-input:valid,.form-select:valid,.form-textarea:valid{border-color:var(--color-success)}.btn-concluir{background-color:var(--color-success);color:#fff;border:none;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius);font-size:12px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-1);margin-top:auto}.btn-concluir:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.btn-concluir:active{transform:translateY(0)}.modal-reporte{max-width:500px;width:90vw}.modal-reporte .modal-header{background-color:#dc2626;color:#fff;border-radius:var(--border-radius) var(--border-radius) 0 0}.modal-reporte .modal-header h3{color:#fff}.modal-form{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-4)}.modal-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.modal-form .form-group label{font-size:11px;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}.modal-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-2)}.btn-cancelar{background-color:var(--color-border);color:var(--color-text-primary);border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius);font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.btn-cancelar:hover{background-color:#9ca3af}.btn-enviar{background-color:#dc2626;color:#fff;border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius);font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease;display:flex;align-items:center;gap:var(--spacing-1)}.btn-enviar:hover{background-color:#b91c1c;transform:translateY(-1px)}.btn-enviar:active{transform:translateY(0)}.modal-ia{max-width:900px;width:90vw}.modal-ia .modal-header{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:var(--border-radius) var(--border-radius) 0 0;padding:var(--spacing-4) var(--spacing-5)}.modal-ia .modal-header h3{color:#fff;font-size:20px;font-weight:700;margin:0;display:flex;align-items:center;gap:var(--spacing-2)}.modal-ia .modal-header .modal-header-icon{font-size:22px}.ia-resultado-modern{display:flex;flex-direction:column;gap:var(--spacing-5);padding:var(--spacing-5);background:var(--color-bg-primary)}.ia-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4)}.ia-card-modern{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:0 4px 12px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.ia-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));opacity:0;transition:opacity .3s ease}.ia-card-modern:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f;border-color:var(--color-primary)}.ia-card-modern:hover:before{opacity:1}.ia-card-modern-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;font-size:24px;flex-shrink:0;box-shadow:0 2px 8px #8b5cf64d}.ia-card-modern-content{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1;min-width:0}.ia-card-modern-label{font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-1)}.ia-card-modern-value{font-size:18px;font-weight:700;color:var(--color-text-primary);line-height:1.2;word-break:break-word}.ia-card-modern-value.alta{color:#10b981}.ia-card-modern-value.media{color:#f59e0b}.ia-card-modern-value.baixa{color:#ef4444}.ia-card-modern-value.aprovado{color:#10b981}.ia-card-modern-value.rejeitado{color:#ef4444}.ia-card-modern-value.categoria-value{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius);font-size:14px;text-align:center;display:inline-block;width:fit-content}.ia-card-modern-value.placa-value{font-family:Courier New,monospace;font-weight:700;color:var(--color-primary);letter-spacing:2px;font-size:20px;background:var(--color-bg-primary);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius);border:2px solid var(--color-primary);display:inline-block;width:fit-content}.ia-observacoes-modern{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:0 4px 12px #00000014;margin-top:var(--spacing-2)}.ia-observacoes-header{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);background:linear-gradient(135deg,var(--color-bg-tertiary) 0%,var(--color-bg-secondary) 100%);border-bottom:2px solid var(--color-border)}.ia-observacoes-header svg{font-size:20px;color:var(--color-primary)}.ia-observacoes-header h4{margin:0;color:var(--color-text-primary);font-size:16px;font-weight:600}.ia-observacoes-body{padding:var(--spacing-4)}.ia-observacoes-body p{margin:0;color:var(--color-text-primary);font-size:14px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}[data-theme=dark] .ia-card-modern{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .ia-card-modern:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary)}[data-theme=dark] .ia-observacoes-modern{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .ia-card-modern-value.placa-value{background:var(--color-bg-primary);border-color:var(--color-primary)}.btn-aplicar-ia{background-color:#8b5cf6;color:#fff;border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius);font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease;display:flex;align-items:center;gap:var(--spacing-1)}.btn-aplicar-ia:hover{background-color:#7c3aed;transform:translateY(-1px)}.btn-aplicar-ia:active{transform:translateY(0)}.modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4)}.modal-content{background-color:var(--color-bg-primary);border-radius:var(--border-radius-lg);max-width:90vw;max-height:90vh;width:800px;display:flex;flex-direction:column;box-shadow:0 20px 40px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-border)}.modal-header h3{margin:0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600;word-break:break-all}.modal-close{background:none;border:none;font-size:24px;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-1);border-radius:var(--border-radius);transition:all .2s ease}.modal-close:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-body{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);min-height:400px;background-color:var(--color-bg-secondary)}.modal-video{max-width:100%;max-height:70vh;border-radius:var(--border-radius);box-shadow:0 4px 12px #0003}.modal-image{max-width:100%;max-height:70vh;border-radius:var(--border-radius);box-shadow:0 4px 12px #0003;object-fit:contain}.modal-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-secondary);text-align:center;padding:var(--spacing-8)}.modal-placeholder.hidden{display:none}.modal-placeholder .placeholder-icon{font-size:64px;margin-bottom:var(--spacing-4)}.modal-placeholder .placeholder-text{font-size:18px;font-weight:600;margin-bottom:var(--spacing-2)}.modal-placeholder .placeholder-subtext{font-size:14px;color:var(--color-text-secondary)}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-border);background-color:var(--color-bg-primary)}.arquivo-info-modal{display:flex;gap:var(--spacing-3);align-items:center}.arquivo-tipo-modal{background-color:var(--color-primary);color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.arquivo-tamanho-modal{color:var(--color-text-secondary);font-size:12px;font-weight:500}.arquivo-mime-modal{color:var(--color-text-secondary);font-size:12px;font-style:italic}.btn-download{background-color:var(--color-primary);color:#fff;border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius);cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s ease;display:flex;align-items:center;gap:var(--spacing-1)}.btn-download:hover{background-color:var(--color-primary-dark)}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);gap:var(--spacing-4)}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.error-message{color:var(--color-error);font-size:16px;text-align:center}.btn-retry{background-color:var(--color-primary);color:#fff;border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius);cursor:pointer;font-size:14px;transition:background-color .2s}.btn-retry:hover{background-color:var(--color-primary-dark)}@media (max-width: 1200px){.infracao-main-layout-3col{grid-template-columns:1fr 1.5fr 1fr}}@media (max-width: 992px){.infracao-main-layout-3col{grid-template-columns:1fr;gap:var(--spacing-3);min-height:auto}.galeria-container,.formulario-container{min-height:400px}.carrossel-container{min-height:300px}}@media (max-width: 768px){.infracao-header-fullscreen{padding:var(--spacing-2) var(--spacing-3);flex-direction:row;gap:var(--spacing-2);align-items:center;justify-content:space-between}.btn-voltar-fullscreen{min-width:120px;height:32px;font-size:12px;padding:var(--spacing-1) var(--spacing-2)}.infracao-id-fullscreen{min-width:120px;height:32px;font-size:14px;padding:var(--spacing-1) var(--spacing-2)}.header-title{display:flex;align-items:center}.infracao-content-fullscreen{padding:0 var(--spacing-3) var(--spacing-3)}.infracao-left-column{padding-top:var(--spacing-3)}.info-grid-2x2{grid-template-columns:1fr;gap:var(--spacing-1)}.carrossel-btn{width:35px;height:35px;font-size:18px}.carrossel-content{padding:var(--spacing-2)}.formulario-tratamento{padding:var(--spacing-2);gap:var(--spacing-2)}.formulario-header{padding:var(--spacing-2);flex-direction:column;gap:var(--spacing-2);align-items:flex-start}.formulario-ia-section{padding:var(--spacing-2)}.btn-reportar{font-size:10px;padding:var(--spacing-1);align-self:flex-end}.btn-analisar-ia-full{font-size:12px;padding:var(--spacing-2) var(--spacing-3)}.ia-header-info{grid-template-columns:1fr;gap:var(--spacing-2)}.ia-confianca-card,.ia-status-card{padding:var(--spacing-3);gap:var(--spacing-2)}.ia-confianca-icon,.ia-status-icon{width:40px;height:40px;font-size:20px}.ia-confianca-valor,.ia-status-valor{font-size:16px}.ia-info-grid{grid-template-columns:1fr;gap:var(--spacing-2)}.ia-veiculo-info,.ia-infracao-info{gap:var(--spacing-2)}.ia-info-valor{font-size:13px}.ia-observacoes-texto{font-size:13px;padding:var(--spacing-2)}.formulario-campos{grid-template-columns:1fr;gap:var(--spacing-2)}.formulario-campos .form-group:nth-child(3),.formulario-campos .form-group:nth-child(4){grid-column:1}.modal-content{width:95vw;max-height:95vh}.modal-header{padding:var(--spacing-3) var(--spacing-4)}.modal-body{padding:var(--spacing-3);min-height:300px}.modal-footer{padding:var(--spacing-3) var(--spacing-4);flex-direction:column;gap:var(--spacing-3)}.arquivo-info-modal{flex-wrap:wrap;justify-content:center}}.info-card-super-compact{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-2);margin-bottom:var(--spacing-2);box-shadow:0 1px 3px #0000001a}.info-header-compact{display:flex;gap:var(--spacing-1);align-items:center;flex-wrap:wrap}.status-badge-compact,.tipo-badge-compact{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge-compact{background-color:var(--color-primary);color:#fff}.tipo-badge-compact{background-color:var(--color-secondary);color:#fff}.ia-badge-compact{background-color:#6f42c1;color:#fff;padding:2px 4px;border-radius:3px;font-size:10px}.info-row-compact{display:flex;gap:var(--spacing-1);margin-bottom:var(--spacing-1);flex-wrap:wrap}.info-item-super-compact{display:flex;flex-direction:column;align-items:center;min-width:60px;padding:4px;background-color:var(--color-bg-tertiary);border-radius:4px;border:1px solid var(--color-border);flex:1}.info-item-full-compact{display:flex;flex-direction:column;margin-top:var(--spacing-1);padding:4px;background-color:var(--color-bg-tertiary);border-radius:4px;border:1px solid var(--color-border)}.info-label-tiny{font-size:9px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.info-value-tiny{font-size:11px;font-weight:600;color:var(--color-text-primary);text-align:center;word-break:break-all}.ia-processed-compact,.ia-confidence-compact{font-size:10px;font-weight:600;padding:1px 4px;border-radius:3px}.ia-processed-compact.processed{background-color:#d4edda;color:#155724}.ia-processed-compact.not-processed{background-color:#f8d7da;color:#721c24}.ia-confidence-compact.has-confidence{background-color:#d1ecf1;color:#0c5460}.ia-confidence-compact.no-confidence{background-color:#f8f9fa;color:#6c757d}.ia-observacoes-compact{font-size:10px;line-height:1.3;color:var(--color-text-secondary);font-style:italic;max-height:200px;overflow-y:auto;text-align:left}.info-grid-3x1{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-2);margin-top:var(--spacing-2)}.info-grid-3x1 .info-item-compact{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-2);background-color:var(--color-bg-tertiary);border-radius:var(--border-radius);border:1px solid var(--color-border)}.info-grid-3x1 .info-item-compact label{font-size:11px;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-1);text-transform:uppercase;letter-spacing:.5px}.info-grid-3x1 .info-item-compact span{font-size:16px;font-weight:700;color:var(--color-text-primary)}.velocidade-via{color:#28a745!important}.velocidade-medida{color:#007bff!important}.velocidade-multada{color:#dc3545!important}.ia-processed{font-weight:600;padding:2px 6px;border-radius:4px;font-size:12px}.ia-processed.processed{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.ia-processed.not-processed{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.ia-confidence{font-weight:600;padding:2px 6px;border-radius:4px;font-size:12px}.ia-confidence.has-confidence{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.ia-confidence.no-confidence{background-color:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.ia-observacoes-compact{font-size:12px;line-height:1.4;color:var(--color-text-secondary);font-style:italic;max-height:250px;overflow-y:auto;padding:8px;background-color:var(--color-bg-tertiary);border-radius:4px;border:1px solid var(--color-border)}@media (max-width: 480px){.infracao-header-fullscreen{padding:var(--spacing-2);gap:var(--spacing-1)}.btn-voltar-fullscreen{min-width:100px;height:30px;font-size:11px;padding:var(--spacing-1)}.infracao-id-fullscreen{min-width:100px;height:30px;font-size:12px;padding:var(--spacing-1)}.info-grid-3x1{grid-template-columns:1fr;gap:var(--spacing-1)}.info-grid-3x1 .info-item-compact{padding:var(--spacing-1)}.info-grid-3x1 .info-item-compact span{font-size:14px}.info-row-compact{flex-direction:column;gap:var(--spacing-1)}.info-item-super-compact{min-width:auto;flex-direction:row;justify-content:space-between;align-items:center}.info-item-super-compact .info-label-tiny{margin-bottom:0;margin-right:var(--spacing-1)}.info-value-tiny{text-align:right}}.radares-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg-primary)}.radares-main{flex:1;display:flex;height:calc(100vh - 64px);overflow:hidden;margin-left:250px}@media (max-width: 991px){.radares-main{height:calc(100vh - 60px);margin-left:0}}@media (max-width: 768px){.radares-main{height:calc(100vh - 56px)}}@media (max-width: 576px){.radares-main{height:calc(100vh - 52px)}}@media (max-width: 480px){.radares-main{height:calc(100vh - 48px)}}.radares-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-bg-secondary)}.radares-content h2{margin:0;padding:var(--spacing-6) var(--spacing-6) var(--spacing-4);color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);border-bottom:1px solid var(--color-border-light);background-color:var(--color-bg-primary)}.radares-main-content{flex:1;padding:var(--spacing-6);overflow-y:auto;background-color:var(--color-bg-secondary)}@media (max-width: 768px){.radares-content h2{padding:var(--spacing-4) var(--spacing-4) var(--spacing-3);font-size:var(--font-size-xl)}.radares-main-content{padding:var(--spacing-4)}}@media (max-width: 480px){.radares-content h2{padding:var(--spacing-3) var(--spacing-3) var(--spacing-2);font-size:var(--font-size-lg)}.radares-main-content{padding:var(--spacing-3)}}.radares-header{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border-light)}.radares-filtros{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-4);align-items:flex-end;flex-wrap:wrap}.busca-container{display:flex;gap:var(--spacing-2)}.filtro-input{flex:1;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-md);font-size:var(--font-size-base);background-color:var(--color-bg-tertiary);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.radares-stats{margin-top:var(--spacing-4)}.radares-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-4)}.radar-card{background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);padding:var(--spacing-4);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.radar-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.radar-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border-light)}.radar-info{display:flex;flex-direction:column;gap:var(--spacing-2)}.radar-nome{margin:0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.radar-id{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background-color:var(--color-bg-tertiary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm)}.status-manutencao{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.radar-card-body{display:flex;justify-content:space-between;align-items:flex-end}.radar-details{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2)}.radar-actions{display:flex;gap:var(--spacing-2);margin-left:var(--spacing-4)}.radares-main-content::-webkit-scrollbar{width:6px}.radares-main-content::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:var(--border-radius-sm)}.radares-main-content::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:var(--border-radius-sm)}.radares-main-content::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}@media (max-width: 768px){.radares-filtros{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.filtro-group{min-width:auto}.busca-container{flex-direction:column}.btn-adicionar{align-self:stretch;justify-content:center}.radares-list,.radar-details{grid-template-columns:1fr}.radar-card-body{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.radar-actions{margin-left:0;justify-content:center}}@media (max-width: 480px){.radar-card{padding:var(--spacing-3)}.radar-card-header{flex-direction:column;gap:var(--spacing-2);align-items:stretch}.radar-info{align-items:flex-start}.radar-id{align-self:flex-end}}.usuarios-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg-primary)}.usuarios-main{flex:1;display:flex;height:calc(100vh - 64px);overflow:hidden;margin-left:250px}@media (max-width: 991px){.usuarios-main{height:calc(100vh - 60px);margin-left:0}}@media (max-width: 768px){.usuarios-main{height:calc(100vh - 56px)}}@media (max-width: 576px){.usuarios-main{height:calc(100vh - 52px)}}@media (max-width: 480px){.usuarios-main{height:calc(100vh - 48px)}}.usuarios-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-bg-secondary)}.usuarios-content h2{margin:0;padding:var(--spacing-6) var(--spacing-6) var(--spacing-4);color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);border-bottom:1px solid var(--color-border-light);background-color:var(--color-bg-primary)}.usuarios-main-content{flex:1;padding:var(--spacing-6);overflow-y:auto;background-color:var(--color-bg-secondary)}@media (max-width: 768px){.usuarios-content h2{padding:var(--spacing-4) var(--spacing-4) var(--spacing-3);font-size:var(--font-size-xl)}.usuarios-main-content{padding:var(--spacing-4)}}@media (max-width: 480px){.usuarios-content h2{padding:var(--spacing-3) var(--spacing-3) var(--spacing-2);font-size:var(--font-size-lg)}.usuarios-main-content{padding:var(--spacing-3)}}.usuarios-header{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border-light)}.usuarios-filtros{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-4);align-items:flex-end;flex-wrap:wrap}.filtro-group{flex:1;min-width:200px}.filtro-label{display:block;margin-bottom:var(--spacing-2);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.filtro-input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-md);font-size:var(--font-size-base);background-color:var(--color-bg-tertiary);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.filtro-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.btn{padding:var(--spacing-3) var(--spacing-4);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-2);text-decoration:none}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-medium)}.btn-secondary:hover:not(:disabled){background-color:var(--color-border-light)}.btn-adicionar{background-color:var(--color-success);color:var(--color-bg-primary);white-space:nowrap}.btn-adicionar:hover:not(:disabled){background-color:var(--color-success-dark);transform:translateY(-1px)}.usuarios-stats{margin-top:var(--spacing-4)}.stats-text{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.loading-container,.error-container{display:flex;justify-content:center;align-items:center;padding:var(--spacing-8);margin:var(--spacing-4) 0}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);color:var(--color-text-secondary);font-size:var(--font-size-base)}.loading-spinner i{font-size:var(--font-size-2xl);color:var(--color-primary);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton-loading{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-4)}.skeleton-card{background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);padding:var(--spacing-4);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.skeleton-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border-light)}.skeleton-title{height:20px;width:60%;background-color:var(--color-bg-tertiary);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-2)}.skeleton-badges{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.skeleton-badge{height:16px;width:80px;background-color:var(--color-bg-tertiary);border-radius:var(--border-radius-full)}.skeleton-id{height:16px;width:40px;background-color:var(--color-bg-tertiary);border-radius:var(--border-radius-sm)}.skeleton-body{display:flex;justify-content:space-between;align-items:flex-end}.skeleton-details{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2)}.skeleton-detail{height:14px;background-color:var(--color-bg-tertiary);border-radius:var(--border-radius-sm)}.skeleton-detail:nth-child(1){width:90%}.skeleton-detail:nth-child(2){width:70%}.skeleton-detail:nth-child(3){width:85%}.skeleton-detail:nth-child(4){width:75%}.skeleton-actions{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-border-light);justify-content:center}.skeleton-action{width:32px;height:32px;background-color:var(--color-bg-tertiary);border-radius:var(--border-radius-md)}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.empty-state{display:flex;justify-content:center;align-items:center;padding:var(--spacing-12);margin:var(--spacing-6) 0}.empty-state-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);text-align:center;color:var(--color-text-secondary)}.empty-state-content i{font-size:4rem;color:var(--color-text-muted);opacity:.7}.empty-state-content h3{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.empty-state-content p{margin:0;font-size:var(--font-size-base);max-width:400px;line-height:1.6}.usuarios-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-4);transition:opacity var(--transition-fast)}.usuarios-list.refreshing{opacity:.7;pointer-events:none}.usuario-card{background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);padding:var(--spacing-4);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.usuario-card-clickable{cursor:pointer}.usuario-card-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary-light);background-color:var(--color-bg-secondary)}.usuario-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border-light)}.usuario-info{display:flex;flex-direction:column;gap:var(--spacing-2)}.usuario-nome{margin:0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.usuario-badges{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.usuario-id{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background-color:var(--color-bg-tertiary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm)}.role-badge{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.role-admin{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.role-operador{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.role-analista{background-color:var(--color-info-light);color:var(--color-info-dark)}.status-ativo{background-color:var(--color-success-light);color:var(--color-success-dark)}.status-inativo{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.usuario-card-body{display:flex;justify-content:space-between;align-items:flex-end}.usuario-details{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2)}.detail-item{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.detail-item i{width:16px;color:var(--color-primary);font-size:var(--font-size-xs)}.usuario-actions{display:flex;gap:var(--spacing-2);justify-content:center;margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-border-light)}.btn-action{width:32px;height:32px;border:none;border-radius:var(--border-radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);font-size:var(--font-size-sm)}.btn-action:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-action.loading{position:relative;color:transparent!important}.btn-action.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-action.loading.btn-delete:after{border-top-color:var(--color-danger-dark)}.btn-view:hover{background-color:var(--color-info);color:var(--color-bg-primary)}.btn-edit{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.btn-edit:hover{background-color:var(--color-warning);color:var(--color-bg-primary)}.btn-delete:hover{background-color:var(--color-danger);color:var(--color-bg-primary)}.usuarios-main-content::-webkit-scrollbar{width:6px}.usuarios-main-content::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:var(--border-radius-sm)}.usuarios-main-content::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:var(--border-radius-sm)}.usuarios-main-content::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}@media (max-width: 768px){.usuarios-filtros{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.filtro-group{min-width:auto}.busca-container{flex-direction:column}.btn-adicionar{align-self:stretch;justify-content:center}.usuarios-list,.usuario-details{grid-template-columns:1fr}.usuario-card-body{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.usuario-actions{margin-left:0;justify-content:center}.usuario-badges{justify-content:flex-start}}@media (max-width: 480px){.usuario-card{padding:var(--spacing-3)}.usuario-card-header{flex-direction:column;gap:var(--spacing-2);align-items:stretch}.usuario-info{align-items:flex-start}.usuario-id{align-self:flex-end}.usuario-badges{flex-direction:column;align-items:flex-start}}.adicionar-usuario-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg-primary)}.adicionar-usuario-main{flex:1;display:flex;height:calc(100vh - 64px);overflow:hidden;margin-left:250px}@media (max-width: 991px){.adicionar-usuario-main{height:calc(100vh - 60px);margin-left:0}}@media (max-width: 768px){.adicionar-usuario-main{height:calc(100vh - 56px)}}@media (max-width: 576px){.adicionar-usuario-main{height:calc(100vh - 52px)}}@media (max-width: 480px){.adicionar-usuario-main{height:calc(100vh - 48px)}}.adicionar-usuario-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-bg-secondary)}.adicionar-usuario-content h2{margin:0;padding:var(--spacing-6) var(--spacing-6) var(--spacing-4);color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);border-bottom:1px solid var(--color-border-light);background-color:var(--color-bg-primary)}.adicionar-usuario-main-content{flex:1;padding:var(--spacing-6);overflow-y:auto;background-color:var(--color-bg-secondary)}@media (max-width: 768px){.adicionar-usuario-content h2{padding:var(--spacing-4) var(--spacing-4) var(--spacing-3);font-size:var(--font-size-xl)}.adicionar-usuario-main-content{padding:var(--spacing-4)}}@media (max-width: 480px){.adicionar-usuario-content h2{padding:var(--spacing-3) var(--spacing-3) var(--spacing-2);font-size:var(--font-size-lg)}.adicionar-usuario-main-content{padding:var(--spacing-3)}}.form-container{max-width:600px;margin:0 auto;background-color:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.user-form{padding:var(--spacing-8)}.form-group{margin-bottom:var(--spacing-6)}.form-group:last-of-type{margin-bottom:var(--spacing-8)}.form-label{display:block;margin-bottom:var(--spacing-2);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.form-input,.form-select{width:100%;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--color-border-light);border-radius:var(--border-radius-md);background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:inherit;transition:all .2s ease;box-sizing:border-box}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;background-color:var(--color-bg-primary)}.form-input::placeholder{color:var(--color-text-secondary);opacity:.7}.form-input:disabled,.form-select:disabled{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:not-allowed;opacity:.6}.form-input.error,.form-select.error{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef44441a}.error-message{display:block;margin-top:var(--spacing-1);color:var(--color-danger);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.loading-indicator{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:400}.form-error-box{padding:var(--spacing-3) var(--spacing-4);background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--border-radius-md);color:var(--color-danger);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.form-info-box{padding:var(--spacing-3) var(--spacing-4);background-color:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:var(--border-radius-md);color:var(--color-primary);font-size:var(--font-size-sm);text-align:center}.municipios-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-4);padding:var(--spacing-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);max-height:300px;overflow-y:auto}.municipio-checkbox-label{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;font-size:var(--font-size-sm)}.municipio-checkbox-label:hover{background-color:#3b82f60d}.municipio-checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary)}.municipio-checkbox-label input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.municipio-checkbox-label span{color:var(--color-text-primary);flex:1;word-break:break-word}.submit-message{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.submit-message.success{background-color:#22c55e1a;color:var(--color-success);border:1px solid rgba(34,197,94,.2)}.submit-message.error{background-color:#ef44441a;color:var(--color-danger);border:1px solid rgba(239,68,68,.2)}.submit-message i{font-size:var(--font-size-base)}.form-actions{display:flex;gap:var(--spacing-4);justify-content:flex-end;padding-top:var(--spacing-4);border-top:1px solid var(--color-border-light)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:inherit;cursor:pointer;transition:all .2s ease;text-decoration:none;min-width:120px;justify-content:center}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:2px solid var(--color-border-medium)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-dark)}.btn i{font-size:var(--font-size-sm)}@media (max-width: 768px){.form-container{margin:0 var(--spacing-4)}.user-form{padding:var(--spacing-6)}.form-actions{flex-direction:column;gap:var(--spacing-3)}.btn{width:100%;justify-content:center}}@media (max-width: 480px){.form-container{margin:0;border-radius:0}.user-form{padding:var(--spacing-4)}.form-group{margin-bottom:var(--spacing-4)}.form-group:last-of-type{margin-bottom:var(--spacing-6)}}.usuario-detalhes-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg-secondary)}.usuario-detalhes-main{flex:1;display:flex;height:calc(100vh - 64px);overflow:hidden;margin-left:250px;position:relative}@media (max-width: 991px){.usuario-detalhes-main{height:calc(100vh - 60px);margin-left:0}}@media (max-width: 768px){.usuario-detalhes-main{height:calc(100vh - 56px)}}@media (max-width: 576px){.usuario-detalhes-main{height:calc(100vh - 52px)}}@media (max-width: 480px){.usuario-detalhes-main{height:calc(100vh - 48px)}}.usuario-detalhes-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-bg-secondary);padding:0}.usuario-detalhes-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6) var(--spacing-6) var(--spacing-4);border-bottom:1px solid var(--color-border-light);background-color:var(--color-bg-primary)}.usuario-detalhes-header h2{margin:0;color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.usuario-detalhes-main-content{flex:1;padding:var(--spacing-6);overflow-y:auto;background-color:var(--color-bg-secondary);display:flex;justify-content:center}.loading-container,.error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:100%;padding:var(--spacing-6)}.loading-container{gap:var(--spacing-4)}.loading-container p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-base)}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);padding:var(--spacing-6);background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--border-radius-lg);color:var(--color-danger);text-align:center;max-width:500px}.error-message i{font-size:var(--font-size-2xl)}.error-message span{font-weight:var(--font-weight-medium)}.form-readonly{padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--color-border-light);border-radius:var(--border-radius-md);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:var(--font-size-base);display:flex;flex-direction:column;gap:var(--spacing-1)}.form-readonly-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic;margin-top:var(--spacing-1)}.municipios-list-detalhes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md)}.municipio-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:all .2s ease}.municipio-item:hover{background-color:#3b82f60d;border-color:var(--color-primary);box-shadow:0 2px 4px #0000000d}.municipio-item i{color:var(--color-primary);font-size:var(--font-size-base)}.municipio-item span{flex:1;word-break:break-word}.form-info-box{padding:var(--spacing-3) var(--spacing-4);background-color:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:var(--border-radius-md);color:var(--color-primary);font-size:var(--font-size-sm);text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.municipios-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);margin-top:var(--spacing-2)}.municipio-checkbox-label{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.municipio-checkbox-label:hover{background-color:#3b82f60d;border-color:var(--color-primary);box-shadow:0 2px 4px #0000000d}.municipio-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary);flex-shrink:0}.municipio-checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.municipio-checkbox-label span{font-size:var(--font-size-sm);color:var(--color-text-primary);word-break:break-word}@media (max-width: 768px){.usuario-detalhes-header{padding:var(--spacing-4) var(--spacing-4) var(--spacing-3)}.usuario-detalhes-header h2{font-size:var(--font-size-xl)}.usuario-detalhes-main-content{padding:var(--spacing-4)}}.relatorios-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg-primary)}.relatorios-main{flex:1;display:flex;height:calc(100vh - 64px);overflow:hidden;margin-left:250px}@media (max-width: 991px){.relatorios-main{height:calc(100vh - 60px);margin-left:0}}@media (max-width: 768px){.relatorios-main{height:calc(100vh - 56px)}}@media (max-width: 576px){.relatorios-main{height:calc(100vh - 52px)}}@media (max-width: 480px){.relatorios-main{height:calc(100vh - 48px)}}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:var(--z-modal-backdrop);display:none}@media (max-width: 991px){.sidebar-overlay{display:block}}.relatorios-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-bg-secondary)}.relatorios-content h2{margin:0;padding:var(--spacing-6) var(--spacing-6) var(--spacing-4);color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);border-bottom:1px solid var(--color-border-light);background-color:var(--color-bg-primary)}.relatorios-main-content{flex:1;padding:var(--spacing-6);overflow-y:auto;background-color:var(--color-bg-secondary)}@media (max-width: 768px){.relatorios-content h2{padding:var(--spacing-4) var(--spacing-4) var(--spacing-3);font-size:var(--font-size-xl)}.relatorios-main-content{padding:var(--spacing-4)}}@media (max-width: 480px){.relatorios-content h2{padding:var(--spacing-3) var(--spacing-3) var(--spacing-2);font-size:var(--font-size-lg)}.relatorios-main-content{padding:var(--spacing-3)}}.relatorios-header{margin-bottom:var(--spacing-6)}.filtros-row{display:flex;gap:var(--spacing-4);align-items:end;margin-bottom:var(--spacing-4);flex-wrap:wrap}.filtro-group{display:flex;flex-direction:column;gap:var(--spacing-2);min-width:150px}.filtro-label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.filtro-input,.filtro-select{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-md);font-size:var(--font-size-base);background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:all var(--transition-fast)}.filtro-input:focus,.filtro-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.btn-novo-relatorio{background-color:var(--color-primary);color:var(--color-bg-primary);border:none;padding:var(--spacing-3) var(--spacing-5);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-2);white-space:nowrap;height:fit-content}.btn-novo-relatorio:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.btn-novo-relatorio:active{transform:translateY(0)}.relatorios-stats{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) 0;border-top:1px solid var(--color-border-light)}.stats-text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.relatorios-table-container{background-color:var(--color-bg-primary);border-radius:var(--border-radius-lg);overflow:hidden;border:1px solid var(--color-border-light);margin-bottom:var(--spacing-6)}.relatorios-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.relatorios-table th{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);padding:var(--spacing-4);text-align:left;border-bottom:1px solid var(--color-border-medium)}.relatorios-table td{padding:var(--spacing-4);border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary)}.relatorios-table tbody tr:hover{background-color:var(--color-bg-tertiary)}.relatorios-table tbody tr:last-child td{border-bottom:none}.nome-cell{font-weight:var(--font-weight-medium);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.periodo-cell{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.status-badge{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.status-pendente{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.status-processando{background-color:var(--color-info-light);color:var(--color-info-dark)}.status-concluido{background-color:var(--color-success-light);color:var(--color-success-dark)}.status-erro{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.actions-buttons{display:flex;gap:var(--spacing-2)}.btn-action{padding:var(--spacing-2);border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.btn-view{background-color:var(--color-info-light);color:var(--color-info-dark)}.btn-view:hover{background-color:var(--color-info);color:#fff}.btn-download{background-color:var(--color-success-light);color:var(--color-success-dark)}.btn-download:hover{background-color:var(--color-success);color:#fff}.btn-delete{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.btn-delete:hover{background-color:var(--color-danger);color:#fff}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) 0}.pagination-info{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pagination-controls{display:flex;align-items:center;gap:var(--spacing-2)}.pagination-btn{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-sm);background-color:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm)}.pagination-btn:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;gap:var(--spacing-1)}.pagination-number{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-sm);background-color:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);min-width:36px}.pagination-number:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-primary)}.pagination-number.active{background-color:var(--color-primary);color:var(--color-bg-primary);border-color:var(--color-primary)}@media (max-width: 991px){.filtros-row{flex-direction:column;align-items:stretch}.filtro-group{min-width:auto}.btn-novo-relatorio{justify-content:center;width:100%}.relatorios-table-container{overflow-x:auto}.relatorios-table{min-width:800px}.pagination-container{flex-direction:column;gap:var(--spacing-4);align-items:center}.pagination-controls{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.relatorios-table th,.relatorios-table td{padding:var(--spacing-3)}.actions-buttons{flex-direction:column;gap:var(--spacing-1)}.btn-action{min-width:28px;height:28px;font-size:var(--font-size-xs)}}.relatorios-main-content::-webkit-scrollbar{width:6px}.relatorios-main-content::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:var(--border-radius-sm)}.relatorios-main-content::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:var(--border-radius-sm)}.relatorios-main-content::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal-backdrop);padding:var(--spacing-4)}.modal-content{background-color:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:0 20px 40px #1d233233;width:min(720px,100%);max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--color-border-light);background-color:var(--color-bg-secondary)}.modal-header h3{margin:0;color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.modal-close{background:none;border:none;font-size:var(--font-size-xl);color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-2);line-height:1}.modal-close:hover{color:var(--color-text-primary)}.modal-form{display:flex;flex-direction:column;gap:var(--spacing-5);padding:var(--spacing-6);overflow-y:auto}.modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group label{color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-semibold)}.form-group select,.form-group input[type=date]{padding:var(--spacing-3);border:1px solid var(--color-border-medium);border-radius:var(--border-radius-md);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group select:focus,.form-group input[type=date]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.form-options{display:flex;flex-wrap:wrap;gap:var(--spacing-5);align-items:center;justify-content:space-between}.checkbox{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-primary);font-size:var(--font-size-sm)}.checkbox input{width:16px;height:16px}.radio-group{display:flex;align-items:center;gap:var(--spacing-3);color:var(--color-text-primary);font-size:var(--font-size-sm)}.radio-group label{display:flex;align-items:center;gap:var(--spacing-1)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3)}.btn-primary,.btn-secondary{padding:var(--spacing-3) var(--spacing-5);border-radius:var(--border-radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);border:none}.btn-primary{background-color:var(--color-primary);color:var(--color-bg-primary)}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-light)}.btn-secondary:hover{background-color:var(--color-bg-tertiary)}@media (max-width: 600px){.modal-form{padding:var(--spacing-5)}.form-options{flex-direction:column;align-items:flex-start}.modal-actions{flex-direction:column-reverse;align-items:stretch}.btn-primary,.btn-secondary{width:100%}}.municipios-container{min-height:100vh;background-color:var(--color-bg-secondary);display:flex;flex-direction:column;color:var(--color-text-primary)}.municipios-main{display:flex;flex:1;position:relative}.sidebar-overlay{position:fixed;inset:0;background:#00000073;z-index:var(--z-modal-backdrop)}.municipios-content{flex:1;padding:2rem;margin-left:260px;background-color:var(--color-bg-secondary)}@media (max-width: 1024px){.municipios-content{margin-left:0;padding:1.5rem}}.municipios-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem}.municipios-header h2{margin:0;font-size:1.8rem;color:var(--color-text-primary)}.municipios-header p{margin:.25rem 0 0;color:var(--color-text-secondary)}.municipios-status .badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius-full);font-size:.9rem;font-weight:600;background:var(--color-info-light);color:var(--color-info-dark)}.municipios-actions .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem}.municipios-table-card{background:var(--color-bg-primary);border-radius:16px;padding:1.5rem;box-shadow:0 20px 45px #0f172a14;border:1px solid var(--color-border-light)}.table-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1rem}.table-header h3{margin:0;color:var(--color-text-primary)}.table-header span{color:var(--color-text-muted);font-size:.9rem}.table-wrapper{overflow-x:auto}.municipios-table{width:100%;border-collapse:collapse;min-width:480px}.municipios-table th{text-align:left;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-light);padding-bottom:.75rem}.municipios-table td{padding:1rem 0;border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary)}.municipios-table tr:last-child td{border-bottom:none}.table-actions{text-align:right}.table-empty{text-align:center;padding:2rem 0;color:var(--color-text-muted)}.table-empty i{display:block;margin-bottom:.5rem;font-size:1.4rem}.btn{border:none;border-radius:999px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn i{margin-right:.35rem}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.btn-danger{background:var(--color-error);color:var(--color-text-inverse)}.btn-danger:hover{background:var(--color-error-dark)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-border-light)}.btn-sm{padding:.45rem 1rem;font-size:.85rem}.modal-overlay{position:fixed;inset:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:1rem}.modal-card{background:var(--color-bg-primary);border-radius:20px;padding:2rem;width:100%;max-width:420px;box-shadow:0 25px 70px #0f172a40;border:1px solid var(--color-border-light)}.modal-card header h3{margin:0 0 .3rem;color:var(--color-text-primary)}.modal-card header p{margin:0;color:var(--color-text-secondary)}.modal-card form{margin-top:1.5rem;display:flex;flex-direction:column;gap:.9rem}.modal-card label{font-weight:600;color:var(--color-text-primary)}.modal-card input{border:1px solid var(--color-border-medium);border-radius:12px;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s ease;background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-card input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}