@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css";html,body{height:100%;margin:0;font-family:Roboto,Helvetica Neue,sans-serif;transition:all .3s ease}.spacer{flex:1 1 auto}:root{--primary-color: #3f51b5;--primary-light: #6573c3;--primary-dark: #2c387e;--accent-color: #ff4081;--accent-light: #ff79b0;--accent-dark: #c60055;--success-color: #00e676;--warning-color: #ff9800;--error-color: #f44336;--info-color: #2196f3;--primary-gradient: linear-gradient(135deg, var(--primary-color), var(--primary-light));--accent-gradient: linear-gradient(135deg, var(--accent-color), var(--accent-light));--success-gradient: linear-gradient(135deg, #00e676, #69f0ae);--warning-gradient: linear-gradient(135deg, #ff9800, #ffb74d);--error-gradient: linear-gradient(135deg, #f44336, #ef5350);--border-radius-small: 6px;--border-radius-medium: 12px;--border-radius-large: 16px;--border-radius-xl: 24px;--card-border-radius: 12px;--button-border-radius: 8px;--input-border-radius: 8px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--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;--transition: all .3s ease;--transition-fast: all .15s ease;--transition-slow: all .5s ease}.light-theme,:root{--app-bg: #f8fafc;--page-bg: #ffffff;--card-bg: #ffffff;--sidebar-bg: #ffffff;--header-bg: linear-gradient(135deg, #ffffff, #f8fafc);--footer-bg: #f8fafc;--text-primary: #1a202c;--text-secondary: #4a5568;--text-muted: #718096;--text-disabled: #a0aec0;--border-color: #e2e8f0;--divider-color: #edf2f7;--hover-bg: #f7fafc;--active-bg: rgba(63, 81, 181, .08);--focus-ring: rgba(63, 81, 181, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--breadcrumb-bg: rgba(255, 255, 255, .8);--table-header: #f8fafc;--table-stripe: #f9fafb;--loading-bg: rgba(255, 255, 255, .9)}.dark-theme{--app-bg: #0f172a;--page-bg: #1e293b;--card-bg: #334155;--sidebar-bg: #1e293b;--header-bg: linear-gradient(135deg, #1e293b, #334155);--footer-bg: #0f172a;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-disabled: #64748b;--border-color: #475569;--divider-color: #3f4e5f;--hover-bg: #475569;--active-bg: rgba(99, 102, 241, .15);--focus-ring: rgba(99, 102, 241, .5);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6);--breadcrumb-bg: rgba(51, 65, 85, .8);--table-header: #475569;--table-stripe: #3f4e5f;--loading-bg: rgba(30, 41, 59, .95);--role-admin: linear-gradient(135deg, #a855f7, #c084fc);--role-manager: linear-gradient(135deg, #3b82f6, #60a5fa);--role-agent: linear-gradient(135deg, #10b981, #34d399);--role-default: linear-gradient(135deg, #6b7280, #9ca3af);--nav-hover: linear-gradient(90deg, #475569, transparent);--nav-active: linear-gradient(90deg, rgba(99, 102, 241, .15), transparent)}body{background-color:var(--app-bg);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--app-bg)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}::selection{background-color:var(--primary-color);color:#fff}.role-chip{background:var(--role-default);color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:var(--shadow-sm);transition:all .3s ease}.role-chip:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.role-admin{background:var(--role-admin, linear-gradient(135deg, #673ab7, #9c27b0))!important}.role-manager{background:var(--role-manager, linear-gradient(135deg, #2196f3, #03a9f4))!important}.role-agent{background:var(--role-agent, linear-gradient(135deg, #4caf50, #8bc34a))!important}.theme-card{background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-md);transition:all .3s ease}.theme-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.gradient-button{background:var(--primary-gradient)!important;color:#fff!important;border:none;box-shadow:var(--shadow-md);transition:all .3s ease}.gradient-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);filter:brightness(1.1)}.theme-link{color:var(--primary-color);text-decoration:none;transition:all .3s ease}.theme-link:hover{color:var(--primary-light);text-decoration:underline}.loading-overlay{background:var(--loading-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-slide-up{animation:slideInUp .6s ease forwards}.animate-fade-in{animation:fadeIn .4s ease forwards}.animate-pulse{animation:pulse 2s infinite}@media (max-width: 768px){:root{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .1)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--border-color: #000000;--text-primary: #000000}.dark-theme{--border-color: #ffffff;--text-primary: #ffffff}}@keyframes formFieldFocus{0%{transform:scale(1);box-shadow:none}50%{transform:scale(1.02)}to{transform:scale(1);box-shadow:0 0 0 3px #6366f11a}}@keyframes optionSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-row{flex:1;margin-bottom:0}.form-section{background:var(--card-bg);padding:24px;border-radius:16px;border:1px solid var(--border-color);margin-bottom:24px;box-shadow:var(--shadow-sm)}.form-section-title{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--border-color)}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:1px solid var(--divider-color);margin-top:32px}.form-field-inline{display:flex;align-items:center;gap:16px}.form-field-inline{margin-bottom:0}body.square-theme{--border-radius-small: 2px;--border-radius-medium: 4px;--border-radius-large: 4px;--border-radius-xl: 4px;--card-border-radius: 4px;--button-border-radius: 2px;--input-border-radius: 2px}body.rounded-theme{--border-radius-small: 6px;--border-radius-medium: 12px;--border-radius-large: 16px;--border-radius-xl: 24px;--card-border-radius: 12px;--button-border-radius: 8px;--input-border-radius: 8px}.hero-section,.filters-section,.table-card,.craf-card,.porte-card,.funcionais-card,.user-card,.stat-card,.filter-chip,.action-button{border-radius:var(--card-border-radius)!important}.view-toggle,.search-suggestions,.empty-state{border-radius:var(--border-radius-medium)!important}.fab-main,.fab-mini,.toggle-btn,.action-btn{border-radius:var(--button-border-radius)!important}.search-field-advanced,.filter-row{border-radius:var(--input-border-radius)!important}.ui-elements-container{padding:20px}.ui-section{margin-bottom:40px;padding:20px;border:1px solid var(--border-color);border-radius:var(--card-border-radius);background-color:var(--card-bg);box-shadow:var(--shadow-md)}.ui-section h1,.ui-section h2,.ui-section h3{color:var(--text-primary);margin-bottom:20px}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-medium);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.btn-success{background-color:var(--success-color);color:#fff}.btn-success:hover{background-color:darken(var(--success-color),10%)}.btn-danger{background-color:var(--error-color);color:#fff}.btn-danger:hover{background-color:darken(var(--error-color),10%)}.btn-warning{background-color:var(--warning-color);color:var(--text-primary)}.btn-warning:hover{background-color:darken(var(--warning-color),10%)}.btn-info{background-color:var(--info-color);color:#fff}.btn-info:hover{background-color:darken(var(--info-color),10%)}.btn-light{background-color:var(--page-bg);color:var(--text-primary);border:1px solid var(--border-color)}.btn-light:hover{background-color:var(--hover-bg)}.btn-dark{background-color:var(--text-primary);color:var(--page-bg)}.btn-dark:hover{background-color:var(--text-secondary)}.btn-link{background:none;color:var(--primary-color);text-decoration:underline}.btn-link:hover{color:var(--primary-dark)}.primary-gradient{color:#fff!important;background:var(--primary-gradient)}.success-gradient{color:#fff!important;background:var(--success-gradient)}.warning-gradient{color:#fff!important;background:var(--warning-gradient)}.danger-gradient{color:#fff!important;background:var(--error-gradient)}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:var(--border-radius-small)}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.callout{padding:20px;margin-bottom:20px;border-left:5px solid;border-radius:var(--border-radius-small);background-color:var(--card-bg);box-shadow:var(--shadow-sm)}.callout h4{margin-top:0;margin-bottom:5px;color:var(--text-primary)}.callout-info{border-color:var(--info-color);background-color:var(--info-color-light, #e0f7fa);color:var(--text-primary)}.callout-warning{border-color:var(--warning-color);background-color:var(--warning-color-light, #fffde7);color:var(--text-primary)}.callout-danger{border-color:var(--error-color);background-color:var(--error-color-light, #ffebee);color:var(--text-primary)}.tabs-container{border:1px solid var(--border-color);border-radius:var(--card-border-radius);overflow:hidden;background-color:var(--card-bg)}.tab-headers{display:flex;border-bottom:1px solid var(--border-color)}.tab-header{padding:15px 20px;cursor:pointer;background-color:var(--hover-bg);border:none;border-right:1px solid var(--border-color);font-size:16px;transition:var(--transition);color:var(--text-secondary)}.tab-header:last-child{border-right:none}.tab-header:hover{background-color:var(--active-bg)}.tab-header.active{background-color:var(--card-bg);border-bottom:2px solid var(--primary-color);color:var(--primary-color)}.tab-content{padding:20px;color:var(--text-primary)}.progress-bar-container{width:100%;background-color:var(--border-color);border-radius:var(--button-border-radius);overflow:hidden;margin-top:10px;height:25px}.progress-bar{height:100%;background-color:var(--primary-color);width:0%;border-radius:var(--button-border-radius);transition:width .3s ease}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--card-bg);padding:30px;border-radius:var(--card-border-radius);box-shadow:var(--shadow-xl);width:90%;max-width:500px;color:var(--text-primary)}.modal-content h3{margin-top:0;color:var(--text-primary)}.modal-content p{margin-bottom:20px;color:var(--text-secondary)}.toast-container{position:fixed;bottom:20px;right:20px;z-index:1000}.toast{padding:15px 20px;margin-bottom:10px;border-radius:var(--border-radius-small);color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md)}.toast-success{background-color:var(--success-color)}.toast-info{background-color:var(--info-color)}.toast-warning{background-color:var(--warning-color)}.toast-danger{background-color:var(--error-color)}.close-toast{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;margin-left:10px}.card-group{display:flex;gap:20px;flex-wrap:wrap}.themed-card{padding:20px;border-radius:var(--card-border-radius);color:#fff;box-shadow:var(--shadow-lg);flex:1;min-width:250px;transition:var(--transition)}.themed-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.themed-card h3{color:#fff;margin-top:0}.themed-card p{color:#ffffffe6}.themed-card.primary-gradient{background:var(--primary-gradient)}.themed-card.accent-gradient{background:var(--accent-gradient)}.themed-card.success-gradient{background:var(--success-gradient)}