:root{font-family:Inter,Segoe UI,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;width:100%;margin:0;padding:0;overflow-x:hidden}#root{height:100vh;width:100vw;overflow:hidden;position:fixed;inset:0}a{font-weight:500;color:var(--primary-500);text-decoration:none;transition:color var(--transition-normal)}a:hover{color:var(--primary-700)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#fff;color:#1e293b;cursor:pointer;transition:all .2s ease}button:hover{background-color:#f1f5f9}button:focus,button:focus-visible{outline:2px solid #4682B4;outline-offset:2px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 768px){:root{font-size:14px}}@media (max-width: 480px){:root{font-size:13px}}.cnpj-input-container{display:flex;gap:8px;align-items:center}.icon-button{border:none;background:transparent;cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center}.loader{position:relative;width:64px;height:64px}.loader div{position:absolute;border:4px solid #454ade;border-radius:50%;animation:loader8435 1s ease-out infinite}.loader div:nth-child(2){animation-delay:-.5s}@keyframes loader8435{0%{top:32px;left:32px;width:0;height:0;opacity:1}to{top:0;left:0;width:64px;height:64px;opacity:0}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden}.layout{display:flex;height:100vh;width:100vw;background:var(--bg-primary);position:relative;overflow:hidden}.sidebar{width:280px;background:var(--gradient-primary);background-size:400% 400%;animation:sidebarGradient 20s ease infinite;color:#fff;height:100vh;overflow-y:auto;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #4b21210d;border-right:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-shrink:0;position:relative}@keyframes sidebarGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.sidebar:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea26,#764ba21a,#2d37480d 60%,#7209b71a);pointer-events:none;opacity:.8}.sidebar:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(102,126,234,.5) 20%,rgba(118,75,162,.7) 50%,rgba(114,9,183,.5) 80%,transparent 100%);pointer-events:none}.sidebar.collapsed{width:80px}@media (max-width: 1023px){.sidebar{position:fixed;left:0;top:0;transform:translate(-100%);z-index:2000;transition:transform .3s ease}.sidebar.open{transform:translate(0)}.sidebar.collapsed{width:280px}}@media (min-width: 1024px){.sidebar{position:relative;transform:translate(0)}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--radius-full)}.sidebar::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius-full);transition:all .3s ease}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--gradient-secondary)}.sidebar-header{padding:var(--space-xl) var(--space-lg);border-bottom:1px solid rgba(255,255,255,.1);background:#0003;position:relative;display:flex;flex-direction:column;align-items:flex-start;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-height:100px}.sidebar-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:var(--gradient-primary);opacity:.6}.logo{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xl);font-weight:700;color:#fff;margin-bottom:var(--space-xs);transition:all .3s ease;letter-spacing:-.025em}.logo-icon{font-size:28px;color:#60a5fa;flex-shrink:0;transition:all .3s ease}.logo-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.logo-image{max-width:120px;max-height:40px;object-fit:contain;filter:brightness(1.1) contrast(1.1);transition:all .3s ease}.logo-image:hover{filter:brightness(1.2) contrast(1.2);transform:scale(1.05)}.subtitle{font-size:var(--font-size-sm);color:#ffffffb3;font-weight:400;margin-bottom:var(--space-md);transition:all .3s ease}.sidebar.collapsed .logo{justify-content:center;font-size:var(--font-size-sm);width:100%}.sidebar.collapsed .logo-text{display:none}.sidebar.collapsed .logo-icon{font-size:24px}.sidebar.collapsed .subtitle{display:none}.sidebar.collapsed .nav-section-title{display:flex;justify-content:center;padding:var(--space-md);margin:var(--space-xs) var(--space-sm);background:#ffffff0d;border-radius:var(--radius-lg);position:relative}.sidebar.collapsed .section-title-text{display:none}.sidebar.collapsed .section-icon{margin-right:0;font-size:20px}.sidebar.collapsed .nav-section-title:hover:after{content:attr(data-tooltip);position:absolute;left:80px;top:50%;transform:translateY(-50%);background:var(--primary-500);color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;white-space:nowrap;z-index:1000;box-shadow:0 4px 12px #00000026}.sidebar.collapsed .nav-section-title:hover:before{content:"";position:absolute;left:75px;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--primary-500);z-index:1001}.sidebar.collapsed .nav-item{justify-content:center;padding:var(--space-md);text-align:center;position:relative}.sidebar.collapsed .nav-item span,.sidebar.collapsed .nav-text,.sidebar.collapsed .menu-text{display:none}.sidebar.collapsed .nav-icon,.sidebar.collapsed .menu-icon{margin-right:0;font-size:20px}.sidebar.collapsed .nav-item:hover:after{content:attr(data-tooltip);position:absolute;left:80px;top:50%;transform:translateY(-50%);background:var(--primary-500);color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;white-space:nowrap;z-index:1000;box-shadow:0 4px 12px #00000026}.sidebar.collapsed .nav-item:hover:before{content:"";position:absolute;left:75px;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--primary-500);z-index:1001}.nav-menu{padding:var(--space-lg) 0;flex:1;overflow-y:auto}.dashboard-item{margin:var(--space-xs) var(--space-sm) var(--space-lg) var(--space-sm);background:transparent;border:none;font-weight:500;font-size:var(--font-size-sm);position:relative}.dashboard-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--gradient-primary);border-radius:var(--radius-lg);transition:width .3s ease;opacity:0}.dashboard-item:hover{color:#fff;background:#ffffff1a;transform:translate(4px);box-shadow:var(--shadow-md)}.dashboard-item:hover:before{width:4px;opacity:1}.dashboard-item.active{color:#fff;background:var(--gradient-glass);border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-lg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dashboard-item.active:before{width:4px;opacity:1}.dashboard-item .nav-icon{font-size:20px;margin-right:var(--space-md);transition:all .3s ease;min-width:20px}.dashboard-item:hover .nav-icon{transform:scale(1.1);color:var(--primary-500)}.dashboard-item.active .nav-icon{color:var(--primary-500);filter:drop-shadow(0 0 8px rgba(14,165,233,.4))}.nav-section{margin-bottom:var(--space-xs);animation:fadeIn .6s ease-out}.nav-section:last-child{margin-bottom:0}.nav-section-title{font-size:var(--font-size-sm);font-weight:600;color:#ffffffe6;padding:var(--space-md) var(--space-lg);margin:var(--space-xs) var(--space-sm);position:relative;cursor:pointer;display:flex;align-items:center;gap:var(--space-md);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.nav-section-title:hover{color:#fff;background:#ffffff1a;transform:translate(4px);box-shadow:var(--shadow-md)}.nav-section-title:hover .section-icon{transform:scale(1.1);color:var(--primary-500)}.section-icon{font-size:20px;transition:all .3s ease;min-width:20px;color:#fffc}.section-title-text{flex:1;font-weight:500}.section-toggle-icon{font-size:16px;transition:all .3s ease;color:#fff9}.nav-section-items{overflow:hidden;transition:max-height .3s ease,opacity .3s ease;padding-bottom:var(--space-xs)}.nav-section-items.collapsed{max-height:0;opacity:0}.nav-section-items.expanded{max-height:500px;opacity:1}.nav-item{display:flex;align-items:center;padding:14px 20px;color:#ffffffd9;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;margin:4px 12px;border-radius:12px;font-weight:500;font-size:14px;overflow:hidden}.nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--gradient-primary);border-radius:12px;transition:width .4s cubic-bezier(.4,0,.2,1);opacity:0;z-index:-1}.nav-item.active{color:#4682b4!important;background:linear-gradient(135deg,var(--primary-100) 0%,var(--primary-200) 100%);border:1px solid var(--primary-300);box-shadow:0 15px 35px -5px #0ea5e94d,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translate(6px)}.nav-item.active .nav-icon{color:var(--primary-500);filter:drop-shadow(0 0 8px rgba(14,165,233,.4))}.nav-section.cadastros{--accent-500: #ffffff;--accent-600: #f7f8fa}.nav-section.guias{--accent-500: #10B981;--accent-600: #059669}.nav-section.financeiro{--accent-500: #F59E0B;--accent-600: #D97706}.nav-section.relatorios{--accent-500: #6366F1;--accent-600: #4F46E5}.nav-section.configuracoes{--accent-500: #EF4444;--accent-600: #DC2626}.nav-section.cadastros .nav-section-title:hover .section-icon,.nav-section.cadastros .nav-section-title:focus .section-icon{color:var(--accent-500)}.nav-section.guias .nav-section-title:hover .section-icon,.nav-section.guias .nav-section-title:focus .section-icon{color:var(--accent-500)}.nav-section.financeiro .nav-section-title:hover .section-icon,.nav-section.financeiro .nav-section-title:focus .section-icon{color:var(--accent-500)}.nav-section.relatorios .nav-section-title:hover .section-icon,.nav-section.relatorios .nav-section-title:focus .section-icon{color:var(--accent-500)}.nav-section.configuracoes .nav-section-title:hover .section-icon,.nav-section.configuracoes .nav-section-title:focus .section-icon{color:var(--accent-500)}.nav-section.cadastros .nav-item:hover:before,.nav-section.cadastros .nav-item.active:before{background:linear-gradient(135deg,var(--accent-500) 0%,var(--accent-600) 100%)}.nav-section.guias .nav-item:hover:before,.nav-section.guias .nav-item.active:before{background:linear-gradient(135deg,var(--accent-500) 0%,var(--accent-600) 100%)}.nav-section.financeiro .nav-item:hover:before,.nav-section.financeiro .nav-item.active:before{background:linear-gradient(135deg,var(--accent-500) 0%,var(--accent-600) 100%)}.nav-section.relatorios .nav-item:hover:before,.nav-section.relatorios .nav-item.active:before{background:linear-gradient(135deg,var(--accent-500) 0%,var(--accent-600) 100%)}.nav-section.configuracoes .nav-item:hover:before,.nav-section.configuracoes .nav-item.active:before{background:linear-gradient(135deg,var(--accent-500) 0%,var(--accent-600) 100%)}.nav-section.cadastros .nav-item:hover .nav-icon,.nav-section.cadastros .nav-item.active .nav-icon,.nav-section.guias .nav-item:hover .nav-icon,.nav-section.guias .nav-item.active .nav-icon,.nav-section.financeiro .nav-item:hover .nav-icon,.nav-section.financeiro .nav-item.active .nav-icon,.nav-section.relatorios .nav-item:hover .nav-icon,.nav-section.relatorios .nav-item.active .nav-icon,.nav-section.configuracoes .nav-item:hover .nav-icon,.nav-section.configuracoes .nav-item.active .nav-icon{color:var(--accent-500)}.nav-item:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea1a,#764ba226,#7209b71a);border-radius:12px;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:-1}.nav-item:hover{color:#fff;transform:translate(8px) scale(1.02);box-shadow:0 10px 25px -5px #667eea40,0 0 0 1px #ffffff1a}.nav-item:hover:before{width:4px;opacity:1}.nav-item:hover:after{opacity:1}.nav-item.active{color:#fff;background:linear-gradient(135deg,var(--primary-100) 0%,var(--primary-200) 100%);border:1px solid var(--primary-300);box-shadow:0 15px 35px -5px #0ea5e94d,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translate(6px)}.nav-item.active:before{width:4px;opacity:1;background:var(--gradient-primary);box-shadow:0 0 15px #0ea5e973}.nav-icon{font-size:20px;margin-right:var(--space-md);transition:all .3s ease;min-width:20px}.nav-item:hover .nav-icon{transform:scale(1.1);color:var(--primary-500)}.nav-item.active .nav-icon{color:#0ea5e9;filter:drop-shadow(0 0 8px rgba(14,165,233,.4))}.main-content{flex:1;display:flex;flex-direction:column;background:var(--bg-color);min-height:100vh;width:100%;overflow-x:hidden;overflow-y:visible}.header{background:#fff;padding:var(--space-md) var(--space-xl);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:100;flex-shrink:0;min-height:70px}.menu-toggle{display:flex;background:none;border:none;cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-md);transition:all .3s ease}.menu-toggle:hover{background:var(--gray-100);transform:scale(1.05)}.hamburger{width:24px;height:18px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{width:100%;height:2px;background:var(--gray-600);border-radius:var(--radius-full);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transform-origin:center}.menu-toggle.active .hamburger span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.menu-toggle.active .hamburger span:nth-child(2){opacity:0;transform:scale(0)}.menu-toggle.active .hamburger span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.header-actions{display:flex;align-items:center;gap:var(--space-lg)}.user-info{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--gray-50);border-radius:var(--radius-full);color:var(--gray-700);font-weight:500;font-size:var(--font-size-sm);transition:all .3s ease}.user-info:hover{background:var(--gray-100);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.user-icon{font-size:18px;color:var(--primary-500)}.logout-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;font-weight:500;font-size:var(--font-size-sm);transition:all .3s ease;box-shadow:var(--shadow-sm)}.logout-btn:hover{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.logout-btn ion-icon{font-size:16px}.content{flex:1;padding:var(--space-xl);background:var(--bg-color);overflow-y:auto;overflow-x:hidden;height:calc(100vh - 70px)}.overlay{position:fixed;inset:0;background:#00000080;z-index:1999;opacity:0;visibility:hidden;transition:all .3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:none}.overlay.show{opacity:1;visibility:visible;pointer-events:auto}@media (max-width: 1023px){.main-content{width:100%}}@media (min-width: 1024px){.overlay{display:none}}@media (max-width: 768px){.header{padding:var(--space-md) var(--space-lg)}.content{padding:var(--space-lg)}.user-info span,.logout-btn span{display:none}.header-actions{gap:var(--space-md)}}@media (max-width: 480px){.header{padding:var(--space-sm) var(--space-md)}.content{padding:var(--space-md)}.sidebar-header{padding:var(--space-lg) var(--space-md)}.nav-item{padding:var(--space-md);margin:0 var(--space-xs)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: dark){.header{background:var(--gray-800);color:#fff}.user-info{background:var(--gray-700);color:var(--gray-200)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebar.loading{pointer-events:none}.sidebar.loading .nav-item{background:var(--loading);color:transparent}.layout{position:fixed;inset:0}body{overflow-x:hidden}.content>*{max-width:100%;box-sizing:border-box}.content form{width:100%;max-width:none}.content table{width:100%;table-layout:auto}.content{scroll-behavior:smooth}.content *{visibility:visible;opacity:1}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.spinner{border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.spinner-small .spinner{width:20px;height:20px;border-width:2px}.spinner-medium .spinner{width:40px;height:40px;border-width:3px}.spinner-large .spinner{width:60px;height:60px;border-width:4px}.loading-text{font-size:14px;color:#666;font-weight:500}.spinner-small .loading-text{font-size:12px}.spinner-large .loading-text{font-size:16px}.loading-overlay{position:fixed;inset:0;background-color:#fffc;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-overlay .loading-spinner{background:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 12px #00000026}.loading-spinner.primary .spinner{border-top-color:#007bff}.loading-spinner.success .spinner{border-top-color:#28a745}.loading-spinner.warning .spinner{border-top-color:#ffc107}.loading-spinner.danger .spinner{border-top-color:#dc3545}.loading-inline{display:inline-flex;align-items:center;gap:8px}.loading-inline .spinner{width:16px;height:16px;border-width:2px}.loading-inline .loading-text{font-size:12px}.error-message{border:1px solid;border-radius:6px;padding:16px;margin:16px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.error-content{display:flex;align-items:flex-start;gap:12px;flex:1}.error-icon{flex-shrink:0;margin-top:2px}.error-text{flex:1}.error-title{font-weight:600;margin-bottom:4px}.error-details{margin-top:8px}.error-details summary{cursor:pointer;font-size:14px;color:#666;margin-bottom:8px}.error-details pre{background:#0000000d;padding:8px;border-radius:4px;font-size:12px;overflow-x:auto;margin:0}.error-actions{display:flex;gap:8px;flex-shrink:0}.error-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.error-warning{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.error-info{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.validation-errors{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;padding:16px;margin:16px 0;color:#721c24}.validation-title{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:12px}.validation-list{margin:0;padding-left:20px}.validation-item{margin-bottom:4px}.validation-item:last-child{margin-bottom:0}.error-page{display:flex;align-items:center;justify-content:center;min-height:400px;padding:40px 20px}.error-page-content{text-align:center;max-width:500px}.error-page-icon{font-size:120px;font-weight:700;color:#dee2e6;margin-bottom:20px;line-height:1}.error-page-title{font-size:24px;font-weight:600;color:#495057;margin-bottom:16px}.error-page-description{font-size:16px;color:#6c757d;margin-bottom:24px;line-height:1.5}@media (max-width: 768px){.error-message{flex-direction:column;align-items:stretch}.error-actions{justify-content:flex-end;margin-top:12px}.error-page-icon{font-size:80px}.error-page-title{font-size:20px}.error-page-description{font-size:14px}}.error-actions .btn:hover{transform:translateY(-1px);transition:transform .2s ease}.error-message{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.standardized-icon{display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;vertical-align:middle}.icon-small{font-size:16px;width:16px;height:16px}.icon-medium{font-size:20px;width:20px;height:20px}.icon-large{font-size:24px;width:24px;height:24px}.icon-xlarge{font-size:32px;width:32px;height:32px}.standardized-icon:hover{transform:scale(1.05)}.standardized-icon:active{transform:scale(.95)}.standardized-icon[style*="cursor: pointer"]{border-radius:4px;padding:2px}.standardized-icon[style*="cursor: pointer"]:hover{background-color:#0000000d}.standardized-icon[style*="cursor: pointer"]:active{background-color:#0000001a}[data-theme=dark] .standardized-icon[style*="cursor: pointer"]:hover{background-color:#ffffff1a}[data-theme=dark] .standardized-icon[style*="cursor: pointer"]:active{background-color:#fff3}.btn .standardized-icon{margin-right:8px}.btn .standardized-icon:last-child{margin-right:0;margin-left:8px}.btn .standardized-icon:only-child{margin:0}.stat-card .standardized-icon{margin-bottom:8px;color:var(--ion-color-primary)}.standardized-icon.status-success{color:var(--ion-color-success)}.standardized-icon.status-error{color:var(--ion-color-danger)}.standardized-icon.status-warning{color:var(--ion-color-warning)}.standardized-icon.status-info{color:var(--ion-color-primary)}.nav-item .standardized-icon{margin-right:12px}.form-group .standardized-icon{margin-right:8px;color:var(--ion-color-medium)}.table .standardized-icon{vertical-align:middle}.modal-header .standardized-icon{margin-right:12px}.standardized-icon.rotating{animation:rotate 2s linear infinite}.standardized-icon.pulse{animation:pulse 1.5s ease-in-out infinite}.standardized-icon.bounce{animation:bounce 1s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 768px){.icon-xlarge{font-size:28px;width:28px;height:28px}.icon-large{font-size:22px;width:22px;height:22px}}@media (max-width: 480px){.icon-xlarge{font-size:24px;width:24px;height:24px}.icon-large{font-size:20px;width:20px;height:20px}.nav-item .standardized-icon{margin-right:8px}}.standardized-icon:focus{outline:2px solid var(--ion-color-primary);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){.standardized-icon{transition:none}.standardized-icon.rotating,.standardized-icon.pulse,.standardized-icon.bounce{animation:none}}@media print{.standardized-icon{color:#000!important;background:none!important}}.login-container{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;padding:20px;box-sizing:border-box;overflow:auto}.login-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#4682b4;z-index:-2}.login-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:-1}.login-content{width:100%;max-width:520px;z-index:1}.login-card{background:#fff;border-radius:16px;padding:36px 32px;box-shadow:none;border:1px solid var(--border-light);max-width:520px;margin:0 auto;position:relative;overflow:hidden}.login-card:before{display:none}.login-header{text-align:center;margin-bottom:28px}.login-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.logo-icon{font-size:32px;color:#4682b4}.login-header h1{font-size:26px;font-weight:700;color:#4682b4;margin:0;letter-spacing:-.02em;text-shadow:none}.login-subtitle{font-size:15px;color:#4682b4;margin:0;font-weight:500;text-shadow:none}.last-access-info{margin-top:16px;padding:14px 18px;background:transparent;border-radius:16px;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:center;box-shadow:none}.last-access-text{font-size:14px;color:#4682b4;margin:0 0 4px;font-weight:500;text-shadow:none}.last-access-text strong{color:#4682b4;font-weight:600}.last-access-date{font-size:12px;color:#4682b4;margin:0;font-weight:400;text-shadow:none}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.login-form .form-label,.login-card .form-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#ffffffe6!important;margin-bottom:3px}.login-form .form-label ion-icon,.login-card .form-label ion-icon{font-size:16px;color:#fff!important}.input-container{position:relative;display:flex;align-items:center}.input-with-icon{display:flex;align-items:center;gap:12px}.input-icon-external{font-size:24px;color:#4682b4;flex-shrink:0;transition:none;filter:none}.form-input-clean{width:100%;padding:12px 16px;border:1px solid var(--border-light);border-radius:10px;font-size:18px;font-weight:500;color:#1e293b;background:#fff;transition:none;box-sizing:border-box;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;position:relative;overflow:hidden;height:48px}.form-input-clean:focus{outline:none;border-color:var(--primary-500);background:#fff;box-shadow:none;transform:none}.input-with-icon:focus-within .input-icon-external{color:#4682b4;transform:none;filter:none}.password-input-wrapper{position:relative;width:100%;display:flex;align-items:center}.password-input-wrapper .form-input-clean{padding-right:44px}.password-toggle-external{position:absolute;right:12px;background:none;border:none;color:#6b7280cc;cursor:pointer;padding:4px;border-radius:4px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.password-toggle-external:hover{color:#4682b4;background:transparent}.password-toggle-external:disabled{cursor:not-allowed;opacity:.5}.password-toggle-external ion-icon{font-size:18px}.input-icon-left{position:absolute;left:14px;font-size:24px;color:#4682b4;z-index:2;pointer-events:none;transition:none;filter:none}.input-icon{position:absolute;left:16px;font-size:18px;color:#4682b4;z-index:1;pointer-events:none;transition:none;filter:none}.form-input{width:100%;padding:12px 16px 12px 50px;border:2px solid transparent;border-radius:12px;font-size:15px;font-weight:500;color:#1e293b;background:linear-gradient(145deg,#fffffffa,#f8fafcf2);transition:all .4s cubic-bezier(.4,0,.2,1);box-sizing:border-box;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 3px 16px #0000000f,0 1px 3px #00000014,inset 0 1px #ffffffe6;position:relative;overflow:hidden;height:48px}.form-input:focus{outline:none;border-color:#3b82f699;background:linear-gradient(145deg,#fff,#f8fafcfa);box-shadow:0 6px 24px #3b82f61f,0 3px 12px #00000014,0 0 0 3px #3b82f614,inset 0 1px #fff;transform:translateY(-1px) scale(1.005)}.form-input:focus+.input-icon-left{color:#4682b4;transform:none;filter:none}.form-input:focus+.input-icon{color:#4682b4;transform:none;filter:none}.form-input.error{border-color:var(--error-color, #ef4444);box-shadow:0 0 0 3px #ef44441a}.form-input:disabled{background-color:var(--disabled-background, #f9fafb);color:var(--text-disabled, #9ca3af);cursor:not-allowed}.password-input-container .form-input{padding-right:44px}.password-input-container .input-icon-left{left:14px}.password-toggle{position:absolute;right:12px;background:none;border:none;color:var(--text-secondary, #6b7280);cursor:pointer;padding:4px;border-radius:4px;transition:color .2s ease;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:var(--text-primary, #374151)}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.password-toggle ion-icon{font-size:18px}.checkbox-simple{display:flex;align-items:center;gap:10px;font-size:14px;color:#ffffffe6;font-weight:500;cursor:pointer;transition:all .3s ease;margin:8px 0}.checkbox-simple:hover{color:#fff}.checkbox-simple input[type=checkbox]{display:none}.checkbox-custom-simple{width:20px;height:20px;border:2px solid rgba(59,130,246,.6);border-radius:4px;background:transparent;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;cursor:pointer}.checkbox-simple input[type=checkbox]:checked+.checkbox-custom-simple{background:linear-gradient(135deg,#4682b4,#1d4ed8);border-color:#4682b4;transform:scale(1.05)}.checkbox-simple input[type=checkbox]:checked+.checkbox-custom-simple:after{content:"";position:absolute;left:6px;top:2px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:1}.checkbox-custom-simple:after{opacity:0;transition:opacity .2s ease}.checkbox-group{flex-direction:row;align-items:center;gap:0;background:linear-gradient(145deg,#ffffff26,#ffffff14);padding:14px 18px;border-radius:16px;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);margin:8px 0;box-shadow:0 4px 20px #0000001a,0 1px 3px #0000001a,inset 0 1px #ffffff4d;transition:all .4s cubic-bezier(.4,0,.2,1)}.checkbox-group:hover{background:linear-gradient(145deg,#fff3,#ffffff1f);border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 6px 25px #0000001f,0 2px 5px #0000001a,inset 0 1px #fff6}.checkbox-label{display:flex;align-items:center;gap:12px;font-size:15px;color:#fffffff2;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;transition:color .3s ease}.checkbox-label:hover{color:#fff}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;width:22px;height:22px;cursor:pointer}.checkbox-custom{width:22px;height:22px;border:2px solid rgba(255,255,255,.5);border-radius:8px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(145deg,#ffffff1a,#ffffff0d);box-shadow:0 2px 8px #0000001a,inset 0 1px #fff3;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.checkbox-label:hover .checkbox-custom{border-color:#3b82f6cc;background:linear-gradient(145deg,#fff3,#ffffff26);transform:scale(1.08);box-shadow:0 4px 12px #3b82f633,0 2px 8px #0000001a,inset 0 1px #ffffff4d}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:linear-gradient(135deg,#4682b4,#1d4ed8);border-color:#fff;box-shadow:0 0 25px #3b82f699,0 4px 15px #3b82f64d,inset 0 1px #ffffff4d;transform:scale(1.05)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg);animation:checkmark .3s ease-in-out}@keyframes checkmark{0%{opacity:0;transform:rotate(45deg) scale(0)}to{opacity:1;transform:rotate(45deg) scale(1)}}.login-button{width:100%;padding:18px 24px;background:#4682b4;color:#fff;border:1px solid #4682B4;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:none;display:flex;-webkit-backdrop-filter:none;backdrop-filter:none;align-items:center;justify-content:center;gap:10px;margin-top:12px;position:relative;overflow:hidden;box-shadow:none;text-shadow:none}.login-button:before{display:none}.login-button:hover:not(:disabled){background:#4682b4;transform:none;box-shadow:none;border-color:#4682b4}.login-button:hover:not(:disabled):before{display:none}.login-button:active:not(:disabled){transform:none}.login-button:disabled{background:#9bb9d1;border-color:#9bb9d1;color:#fff;cursor:not-allowed;transform:none;box-shadow:none}.login-button ion-icon{font-size:18px}.login-footer{text-align:center;margin-top:24px;padding-top:20px}.login-footer,.login-footer *{color:#fff}.link-button{background:linear-gradient(145deg,#ffffff1a,#ffffff0d);border:1px solid rgba(59,130,246,.3);color:#ffffffe6;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);padding:10px 20px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.link-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.2),transparent);transition:left .5s ease}.link-button:hover:not(:disabled){color:#fff;border-color:#3b82f699;background:linear-gradient(145deg,#3b82f626,#3b82f614);transform:translateY(-2px);box-shadow:0 4px 16px #3b82f633,0 2px 8px #0000001a,inset 0 1px #fff3}.link-button:hover:not(:disabled):before{left:100%}.link-button:active{transform:translateY(0)}.link-button:disabled{color:#fff6;cursor:not-allowed;opacity:.5;transform:none}.forgot-password-link{color:#4682b4;font-size:14px;cursor:pointer;text-decoration:underline;transition:none}.forgot-password-link:hover{color:#4682b4;text-decoration:underline}.forgot-password-description{color:#4682b4;font-size:14px;margin-top:8px;text-align:center;line-height:1.4}.success-message{background:linear-gradient(145deg,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:16px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.success-message p{color:#22c55ee6;font-size:14px;margin:0;text-align:center;line-height:1.4}.error-text{font-size:12px;color:var(--error-color, #ef4444);font-weight:500;margin-top:4px}.login-error{margin-bottom:16px}.login-button .loading-spinner{width:16px;height:16px}.login-button .spinner-svg{width:16px;height:16px;transform-origin:center;animation:login-rotate 2s linear infinite}.login-button .spinner-svg circle{fill:none;stroke:var(--primary-500);stroke-width:2;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:login-dash 1.5s ease-in-out infinite}@keyframes login-rotate{to{transform:rotate(360deg)}}@keyframes login-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}to{stroke-dashoffset:-125px}}@media (max-width: 480px){.login-container{padding:16px}.login-card{padding:32px 24px}.login-header h1{font-size:24px}.login-subtitle{font-size:14px}.form-input{font-size:16px}}@media (prefers-color-scheme: dark){.login-card{--card-background: #1f2937;--text-primary: #f9fafb;--text-secondary: #d1d5db;--border-color: #374151;--input-background: #374151;--disabled-background: #4b5563;--text-disabled: #9ca3af}.login-background{background:linear-gradient(135deg,#1e293b,#0f172a,#020617)}}@media (prefers-contrast: high){.form-input{border-width:3px}.login-button{border:2px solid transparent}.login-button:focus{border-color:#fff}}@media (prefers-reduced-motion: reduce){.login-card{animation:none}*{transition:none!important}}.home{padding:0}.welcome-section{text-align:center;margin-bottom:1.5rem;padding:2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;border:1px solid #dee2e6}.welcome-section h1{color:#2c3e50;font-size:2.5rem;margin-bottom:1rem;font-weight:700}.welcome-text{color:#6c757d;font-size:1.1rem;line-height:1.6;max-width:600px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;gap:1.5rem;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #f1f3f4}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.stat-icon{font-size:3rem;color:#4682b4}.stat-info h3{font-size:2.5rem;font-weight:700;color:#2c3e50;margin:0 0 .5rem}.stat-info p{color:#6c757d;font-size:1rem;margin:0;font-weight:500}.quick-actions{margin-bottom:3rem}.quick-actions h2{color:#2c3e50;font-size:1.8rem;margin-bottom:1.5rem;font-weight:600}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.action-card{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 15px #0000001a;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #f1f3f4}.action-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.action-card h3{color:#2c3e50;font-size:1.3rem;margin-bottom:1rem;font-weight:600}.action-card p{color:#6c757d;margin-bottom:1.5rem;line-height:1.5}.home-page .action-btn,.action-card .action-btn{background:linear-gradient(135deg,#4682b4,#2980b9);color:#fff;border:none;padding:.75rem 2rem;border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:.95rem}.home-page .action-btn:hover,.action-card .action-btn:hover{background:linear-gradient(135deg,#2980b9,#1f5f8b);transform:translateY(-2px);box-shadow:0 4px 15px #3498db66}.recent-activity h2{color:#2c3e50;font-size:1.8rem;margin-bottom:1.5rem;font-weight:600}.activity-list{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;overflow:hidden;border:1px solid #f1f3f4}.activity-item{display:flex;align-items:center;padding:1.5rem;border-bottom:1px solid #f1f3f4;transition:background-color .3s ease}.activity-item:last-child{border-bottom:none}.activity-item:hover{background-color:#f8f9fa}.activity-icon{font-size:1.5rem;color:#6c757d;margin-right:1rem}.activity-content{flex:1}.activity-content p{margin:0 0 .25rem;color:#2c3e50;font-weight:500}.activity-time{color:#6c757d;font-size:.9rem}@media (max-width: 768px){.welcome-section h1{font-size:2rem}.welcome-text{font-size:1rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1.5rem}.stat-icon{width:60px;height:60px;font-size:2rem}.stat-info h3{font-size:2rem}.actions-grid{grid-template-columns:1fr}.action-card{padding:1.5rem}}@media (max-width: 480px){.welcome-section{padding:1.5rem}.welcome-section h1{font-size:1.8rem}.stat-card{flex-direction:column;text-align:center;gap:1rem}.activity-item{padding:1rem}.activity-icon{font-size:1.2rem}}.emitir-guia-page{padding:20px;max-width:none;width:100%;margin:0}.page-header{margin-bottom:30px;text-align:center}.page-header h1{color:#2c3e50;margin-bottom:10px;font-size:2.2rem}.page-header p{color:#7f8c8d;font-size:1.1rem}.stats-summary{display:flex;gap:20px;margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.stat-item{display:flex;flex-direction:column;align-items:center;padding:10px;background:#fff;border-radius:6px;min-width:120px;box-shadow:0 2px 4px #0000001a}.stat-item.selected{background:#e3f2fd;border:1px solid #2196f3}.stat-label{font-size:.9rem;color:#666;margin-bottom:5px;text-align:center}.stat-value{font-size:1.2rem;font-weight:700;color:#2c3e50}.stat-item.selected .stat-value{color:#1976d2}.batch-actions{display:flex;gap:10px;margin-bottom:20px;padding:15px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px}.btn-batch{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-batch:disabled{opacity:.6;cursor:not-allowed}.btn-batch.btn-print{background:#17a2b8;color:#fff}.btn-batch.btn-print:hover:not(:disabled){background:#138496}.btn-batch.btn-baixa{background:#28a745;color:#fff}.btn-batch.btn-baixa:hover:not(:disabled){background:#218838}.guias-grid{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;overflow:visible;margin-bottom:20px}.grid-header{display:grid;grid-template-columns:50px 220px 220px 240px 110px 150px 120px 170px 140px!important;gap:10px;padding:8px;background:#f8f9fa;border-bottom:2px solid #e9ecef;font-weight:700;color:#495057;align-items:center}.grid-header .actions-cell{grid-column:9!important;justify-content:center;margin-left:0!important;padding-left:0!important}.grid-header .grid-cell{justify-content:flex-start}.grid-row{display:grid;grid-template-columns:50px 120px 1fr 200px 120px 70px 120px 120px 220px;gap:10px;padding:8px;border-bottom:1px solid #e9ecef;align-items:center;transition:background-color .2s}.grid-row:hover{background:#f8f9fa}.guias-grid .grid-row:nth-child(2n){background-color:#f5f9ff}.grid-cell{display:flex;align-items:center}.checkbox-cell{justify-content:center;line-height:0}.checkbox-cell input[type=checkbox]{width:20px!important;height:20px!important;cursor:pointer;vertical-align:middle}.checkbox-cell input[type=checkbox]:focus,.checkbox-cell input[type=checkbox]:focus-visible{outline:none!important;box-shadow:0 0 0 2px #4682b4 inset;border-radius:3px}.checkbox-cell input[type=checkbox]:checked{accent-color:#90EE90}.guias-grid .checkbox-cell input[type=checkbox]{padding:0!important;min-height:0!important;border-radius:3px!important;transform:none!important;box-shadow:none!important;outline:none!important;background:initial!important;-webkit-tap-highlight-color:transparent}.guias-grid .checkbox-cell input[type=checkbox]:hover,.guias-grid .checkbox-cell input[type=checkbox]:focus,.guias-grid .checkbox-cell input[type=checkbox]:focus-visible{box-shadow:none!important;outline:none!important;transform:none!important}.guia-numero{font-weight:700;color:#2c3e50;font-family:monospace}.titular-info{display:flex;flex-direction:column;gap:4px}.titular-nome{font-weight:500;color:#2c3e50}.dependente-nome{font-size:.85rem;color:#6c757d;font-style:italic}.entidade-nome{font-size:.9rem;color:#495057}.valor{font-weight:700;color:#28a745;font-family:monospace}.parcelas{font-size:.8rem;color:#6c757d;margin-left:5px}.data-emissao{font-family:monospace;font-size:.9rem;color:#495057}.status-badge{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:700;color:#fff;text-align:center;min-width:70px}.status{padding:.1rem!important;border-radius:25px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:3rem!important}.tabela-container .guias-table th:nth-child(2),.tabela-container .guias-table td.titular-nome{width:40%}.tabela-container .guias-table th:nth-child(3),.tabela-container .guias-table td.entidade-nome{width:25%}.status-cancelado{background:#e2e8f0;color:#1f2937}.acoes{display:flex;gap:.75rem;justify-content:center;align-items:center;flex-wrap:nowrap}.actions-cell{justify-content:center;padding-left:16px!important}.grid-row .actions-cell{grid-column:9!important}.grid-row .grid-cell:nth-child(8){padding-right:20px!important}@media (max-width: 768px){.grid-row .grid-cell:nth-child(8){padding-right:12px!important}}@media (min-width: 992px){.grid-row .grid-cell:nth-child(8){justify-content:flex-start;padding-right:24px!important}.grid-row .grid-cell:nth-child(8) .status{margin-right:24px!important}.actions-cell{padding-left:16px!important}}.action-buttons{display:flex;gap:8px}.btn-action{background:none;border:none;padding:10px;cursor:pointer;transition:all .2s ease;font-size:18px;border-radius:8px;display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px}.btn-action.btn-edit{background-color:#16a34a;color:#fff}.btn-action.btn-edit:hover{background-color:#15803d;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #16a34a59}.btn-action.btn-print{background-color:#4682b4;color:#fff}.btn-action.btn-print:hover{background-color:#6d28d9;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed59}.btn-action.btn-delete{background-color:#dc2626;color:#fff}.btn-action.btn-delete:hover{background-color:#b91c1c;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #dc262659}.btn-action.btn-view:hover{background-color:#1d4ed8;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb59}.loading-row{padding:40px;text-align:center}.empty-state{padding:60px 20px;text-align:center;color:#6c757d}.empty-state p{font-size:1.1rem;margin-bottom:20px}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background:#0056b3}@media (max-width: 1200px){.grid-header,.grid-row{grid-template-columns:40px 100px 1fr 150px 100px 70px 100px 100px 200px;gap:8px;padding:6px;font-size:.9rem}.stats-summary{flex-wrap:wrap;gap:10px}.stat-item{min-width:100px}}@media (max-width: 768px){.emitir-guia-page{padding:10px}.grid-header,.grid-row{grid-template-columns:30px 80px 1fr 120px 80px 60px 80px 80px 140px;gap:6px;padding:6px;font-size:.8rem}.grid-header .grid-cell:nth-child(n+5),.grid-row .grid-cell:nth-child(n+5){font-size:.7rem}.stats-summary{flex-direction:column;gap:10px}.batch-actions{flex-direction:column;gap:8px}.btn-batch{justify-content:center}}.emitir-guia-page .search-header .select-input{width:50%!important}.emitir-guia-page .search-header .search-grid .field-group:nth-child(2){margin-right:12px}.emitir-guia-page .search-header .select-input{margin-right:8px}@media (max-width: 768px){.guias-grid{max-height:65vh;overflow-y:auto}}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group.col-6{grid-column:span 2}.form-group.col-3{grid-column:span 1}.form-group.full-width{grid-column:1 / -1}.form-group label{margin-bottom:8px;font-weight:500;color:#495057}.form-group input,.form-group select,.form-group textarea{padding:10px;border:1px solid #ced4da;border-radius:4px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-group input:disabled{background-color:#e9ecef;cursor:not-allowed}.form-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e9ecef}.btn-secondary{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background:#545b62}.btn-action.btn-view{background-color:#2563eb;color:#fff}.btn-action.btn-view:hover{background-color:#1d4ed8}.btn-action.btn-cancel{background:#dc3545;color:#fff}.btn-action.btn-cancel:hover{background:#c82333}.btn-batch.btn-delete{background:#dc3545;color:#fff}.btn-batch.btn-delete:hover:not(:disabled){background:#c82333}.icon-button{width:40px;height:40px;border:1px solid #ced4da;background:#f8f9fa;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.icon-button:hover{background:#e9ecef;border-color:#adb5bd}.icon-button:disabled{opacity:.6;cursor:not-allowed}.info-panel{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-top:30px}.info-panel h3{color:#495057;margin-bottom:15px}.info-panel ul{list-style:none;padding:0}.info-panel li{padding:8px 0;border-bottom:1px solid #e9ecef;color:#6c757d}.info-panel li:last-child{border-bottom:none}.grid-row .grid-cell:nth-child(8) .status{margin-right:16px!important}.status-toggle-container{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:all .3s ease}.status-toggle-container:hover{border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a}.status-toggle-label{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.status-toggle-wrapper{display:flex;align-items:center;gap:12px;justify-content:center}.status-text{font-size:14px;font-weight:500;color:var(--text-secondary);transition:all .3s ease;-webkit-user-select:none;user-select:none}.status-text.active{color:var(--primary-blue);font-weight:600}.status-toggle{position:relative;width:60px;height:32px;background:var(--gray-300);border-radius:16px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.status-toggle:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.status-toggle.active{background:var(--success-500);border-color:var(--success-600)}.status-toggle-slider{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003}.status-toggle.active .status-toggle-slider{transform:translate(28px);box-shadow:0 2px 8px #22c55e4d}.status-toggle:active{transform:scale(.98)}.status-toggle:active .status-toggle-slider{width:28px}@media (max-width: 576px){.status-toggle-wrapper{flex-direction:column;gap:8px}.status-toggle{width:50px;height:28px}.status-toggle-slider{width:20px;height:20px}.status-toggle.active .status-toggle-slider{transform:translate(22px)}}.page-container{max-width:1400px;margin:0 auto;padding:var(--space-2xl);background:var(--bg-secondary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);animation:fadeIn .6s ease-out;border:1px solid var(--border-light);position:relative;overflow:hidden;transition:all .3s ease}@media (max-width: 1440px){.page-container{max-width:95%;margin:0 auto}}@media (max-width: 1200px){.page-container{max-width:98%;padding:var(--space-xl);border-radius:var(--radius-xl)}}@media (max-width: 768px){.page-container{max-width:100%;padding:var(--space-lg);border-radius:var(--radius-lg);margin:0;box-shadow:var(--shadow-md)}}@media (max-width: 576px){.page-container{padding:var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}}@media (min-width: 1600px){.page-container{max-width:1600px;margin:0 auto}}@media (min-width: 1920px){.page-container{max-width:1800px;margin:0 auto}}@media (min-width: 2560px){.page-container{max-width:2000px;margin:0 auto}}.page-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:2px solid var(--border-light);position:relative}.page-header:after{content:"";position:absolute;bottom:-2px;left:0;width:80px;height:2px;background:var(--gradient-primary);border-radius:var(--radius-full)}.page-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.025em}.page-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-top:var(--space-xs);font-weight:400}.content-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:start}.content-layout.single-column{grid-template-columns:1fr}.content-layout.three-columns{grid-template-columns:repeat(3,1fr)}.form-section,.list-section{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:24px;border:1px solid rgba(226,232,240,.8);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000014}@media (max-width: 768px){.form-section,.list-section{padding:20px;border-radius:14px}}@media (max-width: 576px){.form-section,.list-section{padding:16px;border-radius:12px;margin:0 -4px}}.form-section:before,.list-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-success);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.list-section:before{background:var(--gradient-cool)}.form-section:hover,.list-section:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f;border-color:#3b82f64d}@media (max-width: 768px){.form-section:hover,.list-section:hover{transform:none;box-shadow:0 4px 20px #00000014}}.section-title{font-size:var(--font-size-xl);font-weight:600;color:var(--gray-800);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.section-title ion-icon{font-size:18px;color:var(--primary-500)}.form-section-header{grid-column:1 / -1;margin:2rem 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e3f2fd}.form-section-header:first-child{margin-top:0}.section-title{margin:0;font-size:1.2rem;font-weight:600;color:#1976d2;text-transform:uppercase;letter-spacing:.5px}.form-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem 2rem;max-width:100%;padding:0;transition:gap .3s ease}@media (max-width: 1400px){.form-grid{gap:1.25rem 1.5rem}}@media (max-width: 1200px){.form-grid{gap:1rem 1.25rem}}@media (max-width: 992px){.form-grid{grid-template-columns:repeat(8,1fr);gap:1rem}}@media (max-width: 768px){.form-grid{grid-template-columns:repeat(4,1fr);gap:.75rem}}@media (max-width: 576px){.form-grid{grid-template-columns:1fr;gap:.5rem}}.form-row{display:contents}.col-3,.form-group.col-3{grid-column:span 3;min-width:0}.col-4,.form-group.col-4{grid-column:span 4;min-width:0}.col-6,.form-group.col-6{grid-column:span 6;min-width:0}.col-8,.form-group.col-8{grid-column:span 8;min-width:0}.col-12,.form-group.col-12,.form-group.col-full{grid-column:span 12;min-width:0}@media (max-width: 992px){.col-3,.form-group.col-3,.col-4,.form-group.col-4{grid-column:span 4}.col-6,.form-group.col-6,.col-8,.form-group.col-8{grid-column:span 8}}@media (max-width: 768px){.col-3,.form-group.col-3,.col-4,.form-group.col-4,.col-6,.form-group.col-6,.col-8,.form-group.col-8{grid-column:span 4}}@media (max-width: 576px){.col-3,.form-group.col-3,.col-4,.form-group.col-4,.col-6,.form-group.col-6,.col-8,.form-group.col-8{grid-column:span 1}}.form-group{margin-bottom:0;display:flex;flex-direction:column;position:relative;padding:0;min-width:0}.form-group.col-1{grid-column:span 3}.form-group.col-2{grid-column:span 4}.form-group.col-9{grid-column:span 9}.form-group.field-small{grid-column:span 2}.form-group.field-medium{grid-column:span 4}.form-group.field-large{grid-column:span 6}.form-group.field-extra-large{grid-column:span 8}.form-group.field-full{grid-column:span 12}.form-group label,.form-label,label,.associado-form label,.associado-form .form-label,form label,form .form-label{display:block!important;font-size:14px!important;font-weight:600!important;color:#1f2937!important;margin-bottom:3px!important;text-transform:none!important;letter-spacing:normal!important;line-height:1.4!important;font-family:inherit!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;position:relative!important;text-align:left!important;margin-left:0!important;padding-left:0!important}.form-group label:before,.form-label:before,label:before,.associado-form label:before,.associado-form .form-label:before,form label:before,form .form-label:before,.form-group label:after,.form-label:after,label:after,.associado-form label:after,.associado-form .form-label:after,form label:after,form .form-label:after{display:none!important;content:none!important}.form-group label[data-required=true]:after,.form-label[data-required=true]:after,label[data-required=true]:after{display:inline!important;content:" *"!important;color:#dc2626!important;font-weight:600!important;margin-left:2px!important}.form-input,.form-select,.form-textarea,.form-group input,.form-group select,.form-group textarea,input,select,textarea{width:100%!important;padding:12px 16px!important;border:2px solid #e5e7eb!important;border-radius:8px!important;font-size:14px!important;font-weight:400!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;background:#fff!important;color:#111827!important;font-family:inherit!important;box-shadow:0 2px 4px #0000000f!important;line-height:1.5!important;outline:none!important;box-sizing:border-box!important;min-height:44px!important;position:relative!important}@media (max-width: 768px){.form-input,.form-select,.form-textarea,.form-group input,.form-group select,.form-group textarea,input,select,textarea{padding:16px 18px!important;font-size:16px!important;min-height:48px!important;border-radius:12px!important;touch-action:manipulation!important;-webkit-appearance:none!important;-moz-appearance:none!important}.form-select,.form-group select,select{background-size:20px!important;background-position:right 16px center!important}.form-textarea,.form-group textarea,textarea{min-height:120px!important;resize:vertical!important}.form-input:focus,.form-select:focus,.form-textarea:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus,input:focus,select:focus,textarea:focus{transform:none!important;box-shadow:0 0 0 3px #3b82f626!important}}@media (max-width: 576px){.form-input,.form-select,.form-textarea,.form-group input,.form-group select,.form-group textarea,input,select,textarea{padding:18px 20px!important;font-size:16px!important;min-height:52px!important;border-radius:14px!important}.form-select,.form-group select,select{background-size:22px!important;background-position:right 18px center!important}.form-textarea,.form-group textarea,textarea{min-height:140px!important;padding:18px 20px!important}.form-input,.form-select,.form-textarea,.form-group input,.form-group select,.form-group textarea,input,select,textarea{font-size:16px!important}}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder,.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder,input::placeholder,select::placeholder,textarea::placeholder{color:#9ca3af;font-weight:400;opacity:1}.form-input:focus,.form-select:focus,.form-textarea:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus,input:focus,select:focus,textarea:focus{border-color:#4682b4!important;box-shadow:0 0 0 4px #3b82f626,0 4px 12px #3b82f61a!important;background:#fff!important;transform:translateY(-1px)!important}.form-input:hover,.form-select:hover,.form-textarea:hover,.form-group input:hover,.form-group select:hover,.form-group textarea:hover,input:hover,select:hover,textarea:hover{border-color:#9ca3af!important;box-shadow:0 4px 8px #00000014!important;transform:translateY(-1px)!important}.form-textarea,.form-group textarea,textarea{resize:vertical;min-height:100px}.form-input.error,.form-select.error,.form-textarea.error,.form-group input.error,.form-group select.error,.form-group textarea.error,input.error,select.error,textarea.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus,.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus,input.error:focus,select.error:focus,textarea.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262626}.form-input.success,.form-select.success,.form-textarea.success,.form-group input.success,.form-group select.success,.form-group textarea.success,input.success,select.success,textarea.success{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled,.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled,input:disabled,select:disabled,textarea:disabled{background-color:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.6}.error-message,.error{color:#dc2626!important;font-size:13px!important;margin-top:6px!important;display:block!important;font-weight:400!important;line-height:1.4!important}.error-message-small{color:#dc2626;font-size:11px;margin-top:4px;display:block;font-weight:400;line-height:1.3}.input-error{border-color:#dc2626!important;box-shadow:0 0 0 2px #dc26261a!important}.cep-input-container{position:relative;display:flex;align-items:center}.cep-loading{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.spinner-small{width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-message{color:#16a34a;font-size:.75rem;margin-top:.25rem;display:block}.checkbox-label{display:flex!important;align-items:center;gap:.75rem;cursor:pointer;font-size:1rem!important;font-weight:500!important;color:#fff!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;margin-bottom:0!important}.checkbox-label:after{display:none!important}.checkbox-label input[type=checkbox]{width:20px;height:20px;margin:0;cursor:pointer;accent-color:#667eea}.checkbox-label span{color:#2c3e50;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:44px;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(0);text-transform:none;letter-spacing:normal}@media (max-width: 768px){.btn{padding:16px 24px;font-size:16px;border-radius:12px;min-height:48px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn-sm{padding:12px 20px;font-size:14px;min-height:44px}.form-actions .btn+.btn{margin-left:0;margin-top:12px}}@media (max-width: 576px){.btn{padding:18px 24px;font-size:16px;border-radius:14px;width:100%;min-height:52px;justify-content:center}.btn-sm{padding:14px 20px;font-size:15px;width:auto;min-height:48px}.form-actions{flex-direction:column;gap:12px}.form-actions .btn{margin:0}}.btn: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}.btn:hover:before{left:100%}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--gradient-secondary);transform:translateY(-3px);box-shadow:0 8px 25px #00000026;filter:brightness(1.05)}.btn-primary:active{transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.btn-secondary{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#475569;border:1px solid #cbd5e1;position:relative}.btn-secondary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);opacity:0;transition:opacity .3s ease;border-radius:inherit}.btn-secondary:hover:before{opacity:1}.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026;filter:brightness(1.05)}.btn-success{background:var(--gradient-success);color:#fff;box-shadow:var(--shadow-md)}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-danger{background:linear-gradient(135deg,var(--error-500) 0%,var(--error-600) 100%);color:#fff;box-shadow:var(--shadow-md)}.btn-danger:hover{background:linear-gradient(135deg,var(--error-600) 0%,#b91c1c 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-sm{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-size-lg)}.search-container{position:relative;margin-bottom:var(--space-xl)}.search-input{width:100%;padding:var(--space-md);border:2px solid var(--gray-200);border-radius:var(--radius-full);font-size:var(--font-size-base);background:#fff;transition:all .3s ease;box-shadow:var(--shadow-sm)}.search-input:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-100),var(--shadow-md);transform:translateY(-1px)}.list-content{max-height:600px;overflow-y:auto;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--gray-200)}.list-item{padding:var(--space-lg);border-bottom:1px solid var(--gray-100);transition:all .3s ease;position:relative;background:#fff}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--gray-50);transform:translate(4px);box-shadow:var(--shadow-sm)}.list-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--gradient-primary);transition:width .3s ease}.list-item:hover:before{width:4px}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.item-title{font-size:var(--font-size-lg);font-weight:600;color:var(--gray-800);margin:0}.item-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.info-item{display:flex;flex-direction:column;gap:var(--space-xs)}.info-label{font-size:var(--font-size-xs);font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:var(--font-size-sm);color:var(--gray-800);font-weight:500}.item-actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-success{background:var(--success-50);color:var(--success-600);border:1px solid var(--success-200)}.badge-warning{background:var(--warning-50);color:var(--warning-600);border:1px solid var(--warning-200)}.badge-error{background:var(--error-50);color:var(--error-600);border:1px solid var(--error-200)}.badge-info{background:var(--primary-50);color:var(--primary-600);border:1px solid var(--primary-200)}.card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);transition:all .3s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .3s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-200)}.card:hover:before{transform:scaleX(1)}.card-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.card-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.card-title{font-size:var(--font-size-xl);font-weight:600;color:var(--gray-800);margin:0}.card-content{color:var(--gray-600);line-height:1.6}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;margin-top:1.5rem;border-top:2px solid #f1f5f9}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;text-transform:none;letter-spacing:normal}.btn-primary{background:var(--success-600);color:#fff;border:1px solid var(--success-600);box-shadow:0 4px 12px #16a34a4d}.btn-primary:hover{background:var(--success-700);border-color:var(--success-700);transform:translateY(-2px);box-shadow:0 6px 20px #16a34a66}.btn-secondary{background:var(--error-500);color:#fff;border:1px solid var(--error-500)}.btn-secondary:hover{background:var(--error-600);border-color:var(--error-600);transform:translateY(-1px)}.form-group.error{position:relative}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.tooltip-error{position:absolute;top:-35px;left:0;background-color:#ef4444;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;white-space:nowrap;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-5px);transition:all .2s ease-out;box-shadow:0 4px 12px #00000026}.tooltip-error:after{content:"";position:absolute;top:100%;left:20px;border:5px solid transparent;border-top-color:#ef4444}.form-group.error:hover .tooltip-error,.form-group.error input:focus+.tooltip-error,.form-group.error select:focus+.tooltip-error,.form-group.error textarea:focus+.tooltip-error{opacity:1;visibility:visible;transform:translateY(0)}@media (min-width: 1201px){.form-grid{max-width:1000px;margin:0 auto;gap:1.5rem 2rem;padding:0 2rem;grid-template-columns:repeat(12,1fr)}.col-3,.form-group.col-3,.col-4,.form-group.col-4{grid-column:span 4}.col-6,.form-group.col-6{grid-column:span 6}}@media (min-width: 1401px){.form-grid{max-width:1200px;gap:1.8rem 2.5rem;padding:0 3rem}.col-3,.form-group.col-3{grid-column:span 3}.col-4,.form-group.col-4{grid-column:span 4}.col-6,.form-group.col-6{grid-column:span 6}}@media (min-width: 1600px){.form-grid{max-width:1400px;gap:2rem 3rem;padding:0 4rem}.col-3,.form-group.col-3,.col-4,.form-group.col-4{grid-column:span 3}.col-6,.form-group.col-6{grid-column:span 4}}@media (min-width: 1920px){.form-grid{max-width:1600px;gap:2rem 2.5rem;padding:0 3rem;margin:0 auto}.col-3,.form-group.col-3{grid-column:span 3}.col-4,.form-group.col-4{grid-column:span 4}.col-6,.form-group.col-6{grid-column:span 6}.col-8,.form-group.col-8{grid-column:span 8}.col-12,.form-group.col-12{grid-column:span 12}}@media (min-width: 2560px){.form-grid{max-width:1800px;gap:2.5rem 3rem;padding:0 4rem;margin:0 auto}.col-3,.form-group.col-3{grid-column:span 3}.col-4,.form-group.col-4{grid-column:span 4}.col-6,.form-group.col-6{grid-column:span 6}.col-8,.form-group.col-8{grid-column:span 8}.col-12,.form-group.col-12{grid-column:span 12}}@media (min-width: 769px) and (max-width: 1200px){.col-3,.form-group.col-3,.col-4,.form-group.col-4,.col-6,.form-group.col-6{grid-column:span 6}}@media (max-width: 1200px){.page-container{max-width:100%;margin:0 var(--space-md);padding:var(--space-xl)}.content-layout.three-columns{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.page-container{margin:0 var(--space-sm);padding:var(--space-lg);border-radius:var(--radius-xl)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.page-title{font-size:var(--font-size-2xl)}.content-layout{grid-template-columns:1fr;gap:var(--space-xl)}.content-layout.three-columns{grid-template-columns:1fr}.form-section,.list-section{padding:var(--space-lg)}.form-grid{grid-template-columns:1fr;gap:1.25rem}.col-3,.col-4,.col-6,.col-8,.col-12,.form-group.col-1,.form-group.col-2,.form-group.col-3,.form-group.col-4,.form-group.col-6,.form-group.col-8,.form-group.col-9,.form-group.col-12,.form-group.col-full,.form-group.field-small,.form-group.field-medium,.form-group.field-large,.form-group.field-extra-large,.form-group.field-full{grid-column:span 1}.form-section-header{margin:1.5rem 0 1rem}.section-title{font-size:1.1rem}.form-row{grid-template-columns:1fr;gap:1rem}.form-actions{flex-direction:column-reverse;gap:1rem}.btn-primary,.btn-secondary{width:100%;justify-content:center}.item-info{grid-template-columns:1fr}.item-actions{flex-direction:column;align-items:stretch}.btn{justify-content:center}}@media (max-width: 480px){.form-grid{gap:1rem}.form-section-header{margin:1.25rem 0 .75rem}.form-row{gap:.75rem}.page-container{margin:0;padding:var(--space-lg);border-radius:0}.page-title{font-size:var(--font-size-xl)}.form-section,.list-section,.list-item{padding:var(--space-md)}.btn{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-xs)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.form-group{animation:fadeIn .6s ease-out;animation-fill-mode:both}.form-group:nth-child(1){animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}.form-group:nth-child(4){animation-delay:.4s}.form-group:nth-child(5){animation-delay:.5s}.form-group:nth-child(6){animation-delay:.6s}.btn{animation:scaleIn .4s ease-out}.form-section{animation:slideInFromLeft .8s ease-out}.list-section{animation:slideInFromRight .8s ease-out}.list-item{animation:slideInUp .4s ease-out}.list-item:nth-child(2n){animation-delay:.1s}.list-item:nth-child(odd){animation-delay:.2s}@media (max-width: 768px){.form-group,.btn,.form-section,.list-section{animation-duration:.3s}.form-group:nth-child(n){animation-delay:0s}}.loading-skeleton{background:var(--loading);border-radius:var(--radius-md);height:20px;margin-bottom:var(--space-sm)}.loading-skeleton.title{height:28px;width:60%}.loading-skeleton.text{height:16px;width:80%}.loading-skeleton.button{height:40px;width:120px;border-radius:var(--radius-full)}@media (prefers-reduced-motion: reduce){.list-item{animation:none}.card:hover,.list-item:hover,.btn:hover{transform:none}}.list-content::-webkit-scrollbar{width:8px}.list-content::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}.list-content::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius-full);transition:all .3s ease}.list-content::-webkit-scrollbar-thumb:hover{background:var(--gradient-secondary)}.action-btn-edit,.action-btn-delete,.action-btn-print,.action-btn-view,.action-btn-baixa{border:none;padding:8px;cursor:pointer;transition:all .3s ease;font-size:16px;border-radius:4px}.action-btn-edit:hover{background-color:#15803d;color:#fff}.action-btn-delete:hover{background-color:#b91c1c;color:#fff}.action-btn-print:hover{background-color:#6d28d9;color:#fff}.action-btn-view:hover{background-color:#1d4ed8;color:#fff}.action-btn-baixa{background-color:#10b981;color:#fff;box-shadow:0 2px 8px #10b98140}.action-btn-baixa:hover{background-color:#059669;color:#fff}.tabs-container{width:100%;margin-bottom:var(--space-lg)}.tabs-header{display:flex;border-bottom:2px solid var(--border-light);margin-bottom:var(--space-lg);background:var(--bg-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden}.tab-button{flex:1;padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:none;color:var(--text-secondary);font-weight:500;font-size:var(--text-base);cursor:pointer;transition:all .3s ease;position:relative;border-bottom:3px solid transparent}.tab-button:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}.tab-button.active{background:var(--bg-primary);color:var(--primary-600);border-bottom-color:var(--primary-500);font-weight:600}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--gradient-primary)}.tab-content{min-height:400px;background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.tab-panel{animation:fadeIn .3s ease-out}.dependentes-section{text-align:center;padding:var(--space-2xl);color:var(--text-secondary);font-size:var(--text-lg)}@media (max-width: 768px){.tabs-header{flex-direction:row;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0 4px}.tabs-header::-webkit-scrollbar{display:none}.tab-button{flex:0 0 auto;min-width:140px;padding:16px 20px;font-size:15px;border-radius:12px;margin:0 4px;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.tab-button:first-child{margin-left:0}.tab-button:last-child{margin-right:0}.tab-content{padding:16px;border-radius:12px}}@media (max-width: 576px){.tabs-header{flex-direction:column;overflow-x:visible}.tab-button{flex:1;min-width:auto;margin:0;border-radius:0;border-bottom:1px solid var(--border-light)}.tab-button:last-child{border-bottom:none}.tab-button.active{border-bottom-color:var(--primary-500)}}.dependentes-section{padding:20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.section-header h3{margin:0;color:#333;font-size:1.5rem}.empty-state{text-align:center;padding:40px 20px;color:#666;font-style:italic}.dependentes-list{display:grid;gap:15px}.dependente-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px;display:flex;justify-content:space-between;align-items:flex-start;transition:box-shadow .2s ease}.dependente-card:hover{box-shadow:0 2px 8px #0000001a}.dependente-info h4{margin:0 0 10px;color:#333;font-size:1.2rem}.dependente-info p{margin:5px 0;color:#666;font-size:.9rem}.dependente-actions{display:flex;gap:8px;flex-shrink:0}.btn-sm{padding:6px 12px;font-size:.875rem;min-width:auto}.btn-outline{background:transparent;border:1px solid #007bff;color:#007bff}.btn-outline:hover{background:#007bff;color:#fff}.btn-danger{background:#dc3545;border:1px solid #dc3545;color:#fff}.btn-danger:hover{background:#c82333;border-color:#bd2130}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-header{padding:20px 20px 0;border-bottom:1px solid #e0e0e0;margin-bottom:20px}.modal-header h3{margin:0;color:#333;font-size:1.5rem;padding-bottom:15px}.dependente-form{padding:0 20px 20px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{margin:0}.alert{padding:15px;border-radius:4px;margin-bottom:20px}.alert-info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}@media (max-width: 768px){.dependente-card{flex-direction:column;gap:15px}.dependente-actions{align-self:flex-end}.modal-content{width:95%;margin:10px}.section-header{flex-direction:column;align-items:flex-start;gap:10px}}.alert{padding:15px;border-radius:8px;margin:10px 0;border:1px solid var(--border-color, #e5e7eb)}.alert-info{background-color:var(--primary-50, #d1ecf1);border-color:var(--primary-200, #bee5eb);color:var(--primary-800, #0c5460)}.alert-success{background-color:var(--success-50, #ecfdf5);border-color:var(--success-200, #a7f3d0);color:var(--success-800, #065f46)}.alert-warning{background-color:var(--warning-50, #fffbeb);border-color:var(--warning-200, #fde68a);color:var(--warning-800, #92400e)}.alert-danger{background-color:var(--error-50, #fef2f2);border-color:var(--error-200, #fecaca);color:var(--error-800, #7f1d1d)}.alert-title{font-weight:600;margin-bottom:6px}.alert-message{font-size:.95rem}.emitir-guia-form{max-width:600px;margin:0 auto}.guia-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-weight:500;color:#333;font-size:14px}.input-group{display:flex;gap:8px;align-items:center}.form-group input,.form-group textarea,.form-group select{padding:10px 12px;border:2px solid #8aade2;border-radius:8px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#4a90e2}.form-group input[readonly]{background-color:#f8f9fa;cursor:pointer}.checkbox-group{flex-direction:row;align-items:center;gap:8px}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.checkbox-group input[type=checkbox]{width:auto;margin:0}.icon-button{padding:10px;border:2px solid #8aade2;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-button:hover{background-color:#f0f7ff;border-color:#4a90e2}.parcelas-quick-select{display:flex;flex-wrap:wrap;gap:8px}.parcela-chip{background-color:#4a90e2;color:#fff;border:none;border-radius:10px;padding:8px 12px;min-width:44px;text-align:center;font-weight:600;cursor:pointer;transition:transform .1s ease,background-color .2s ease}.parcela-chip:hover{background-color:#357abd;transform:translateY(-1px)}.parcela-chip.selected{border:2px solid #28a745;background-color:#28a745;color:#fff;font-weight:700}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary{background-color:#4a90e2;color:#fff}.btn-primary:hover:not(:disabled){background-color:#357abd}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e9ecef}.modal-header h3{margin:0;color:#333}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#333}.modal-body{padding:20px;flex:1;overflow-y:auto}.search-box{margin-bottom:16px}.search-box input{width:100%;padding:12px;border:2px solid #8aade2;border-radius:8px;font-size:14px}.no-spin::-webkit-outer-spin-button,.no-spin::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spin{-moz-appearance:textfield}.search-box input:focus{outline:none;border-color:#4a90e2}.results-list{max-height:300px;overflow-y:auto}.result-item{padding:12px;border:1px solid #e9ecef;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s}.result-item:hover{background-color:#f8f9fa;border-color:#4a90e2}.result-name{font-weight:500;color:#333;margin-bottom:4px}.result-details{font-size:12px;color:#666}@media (max-width: 768px){.emitir-guia-form{max-width:100%;padding:0 16px}.modal-content{width:95%;max-height:90vh}}.guias-emitidas{max-width:1400px;margin:0 auto}.sidebar.collapsed~.main-content .guias-emitidas{max-width:90%}.page-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.page-header h1{color:#2c3e50;font-size:2.2rem;margin-bottom:.5rem;font-weight:700}.page-header p{color:#6c757d;font-size:1.1rem;margin:0}.filtros-section{background:#f8f9fa;padding:1.5rem;border-radius:15px;margin-bottom:2rem;box-shadow:0 2px 10px #0000001a}.filtros-grid{display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));grid-template-areas:"associado status dataIni dataFim";gap:1rem;align-items:end;margin-bottom:1.5rem}.filtros-grid .filtro-group:nth-child(1){grid-area:associado}.filtros-grid .filtro-group:nth-child(2){grid-area:dataIni}.filtros-grid .filtro-group:nth-child(3){grid-area:status}.filtros-grid .filtro-group:nth-child(4){grid-area:dataFim}.filtro-actions{display:flex;gap:.75rem;align-items:end;justify-content:flex-start}.btn-pesquisar,.btn-limpar{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:8px;border:2px solid transparent;cursor:pointer;font-weight:600}.btn-pesquisar{background-color:#4682b4;color:#fff;border-color:#4682b4}.btn-pesquisar:hover{background-color:#3a6d94;border-color:#3a6d94}.btn-limpar{background-color:#4682b4;color:#fff;border-color:#4682b4}.btn-limpar:hover{background-color:#3a6d94;border-color:#3a6d94}.filtro-actions{justify-content:flex-end;justify-self:end;align-self:end}.filtro-actions{grid-column:4}.filtro-group{display:flex;flex-direction:column}.filtro-group label{font-weight:600;color:#2c3e50;margin-bottom:.5rem;font-size:.9rem}.filtro-group input,.filtro-group select{padding:.6rem;border:2px solid #dee2e6;border-radius:6px;font-size:.95rem;transition:border-color .3s ease}.filtro-group input:focus,.filtro-group select:focus{outline:none;border-color:#4682b4}.acoes-lote{display:flex;gap:1rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid #dee2e6}.btn-secondary,.btn-danger{padding:.6rem 1rem;border:none;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.btn-secondary:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.resumo-stats{display:flex;gap:2rem;background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-label{color:#6c757d;font-size:.9rem;font-weight:500}.stat-value{color:#2c3e50;font-size:1.5rem;font-weight:700}.tabela-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;margin-bottom:2rem;border:1px solid #e5e7eb}.guias-table{width:100%;border-collapse:collapse;font-size:.9rem}.guias-table th{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#374151;padding:6px 8px;text-align:left;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #d1d5db;line-height:1.2}.guias-table td{padding:6px 8px;border-bottom:1px solid #f3f4f6;vertical-align:middle;line-height:1.2}.guias-table tbody tr:hover{background-color:#f8fafc}.guias-table tbody tr:nth-child(2n){background-color:#f5f9ff}.guias-table input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#4682B4;transform:none;transition:none;appearance:auto}.guias-table tbody tr{transition:all .2s ease}.guias-table tbody tr:hover{background-color:#f9fafb;transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.guias-table tbody tr.selected{background-color:#eff6ff;border-left:4px solid #4682B4}.numero-guia{font-weight:600;color:#4682b4;font-size:.95rem}.valor{font-weight:600;color:#059669;text-align:right;font-size:.95rem}.parcelas{text-align:center;font-weight:600;color:#6b7280;font-size:.9rem}.status{padding:.5rem 1rem;border-radius:25px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:.25rem}.status-pago{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border:1px solid #86efac}.status-pendente{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fbbf24}.status-vencido{background:#f8d7da;color:#721c24}.acoes{display:flex;gap:.75rem;justify-content:center;align-items:center}.action-btn-edit,.action-btn-print,.btn-icon{border:none;padding:10px;cursor:pointer;transition:all .2s ease;font-size:18px;border-radius:8px;display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px}.action-btn-edit:hover{background-color:#15803d;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #16a34a59}.action-btn-print:hover{background-color:#6d28d9;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed59}.action-btn-view:hover{background-color:#1d4ed8;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb59}.action-btn-delete:hover{background-color:#b91c1c;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #dc262659}.btn-icon{color:#fff}.btn-icon:hover{color:#b91c1c;background-color:#fef2f2;transform:translateY(-2px);box-shadow:0 4px 12px #dc262633}.paginacao{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;background:#f8fafc;border-radius:12px;margin-top:1rem}.btn-pag{padding:.75rem 1.25rem;border:2px solid #e2e8f0;background:#fff;color:#64748b;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease;min-width:44px;display:flex;align-items:center;justify-content:center}.btn-pag:hover:not(:disabled){background:#4682b4;color:#fff;border-color:#4682b4;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.btn-pag:disabled{opacity:.4;cursor:not-allowed;border-color:#e2e8f0;color:#94a3b8;transform:none;box-shadow:none}.pag-info{color:#64748b;font-weight:500;padding:.5rem 1rem;background:#fff;border-radius:6px;border:1px solid #e2e8f0}@media (max-width: 1366px){.filtros-grid{grid-template-columns:repeat(2,minmax(200px,1fr));grid-template-areas:"associado dataIni" "status dataFim"}.filtro-actions{grid-column:2;justify-self:end;align-self:end}}@media (max-width: 1024px){.filtros-grid{grid-template-columns:repeat(2,minmax(200px,1fr));grid-template-areas:"associado dataIni" "status dataFim"}.filtro-actions{grid-column:2;justify-self:end;align-self:end}}@media (max-width: 1200px){.guias-table{font-size:.8rem}.guias-table th,.guias-table td{padding:.75rem .5rem}}@media (max-width: 768px){.guias-emitidas{padding:0}.filtros-grid{grid-template-columns:1fr;grid-template-areas:"associado" "status" "dataIni" "dataFim"}.filtro-actions{grid-column:1;justify-self:end;align-self:end}}.acoes-lote{flex-direction:column}.resumo-stats{justify-content:space-around}.tabela-container{overflow-x:auto}.guias-table{min-width:800px}.paginacao{flex-direction:column;gap:.5rem}} @media (max-width: 480px){.page-header h1{font-size:1.8rem}.filtros-section{padding:1rem}.resumo-stats{padding:1rem;gap:1rem}.stat-value{font-size:1.2rem}.guias-table th,.guias-table td{padding:.5rem .25rem}}.loading{text-align:center;padding:3rem;color:#6c757d}.loading:before{content:"⏳";font-size:2rem;display:block;margin-bottom:1rem}.empty-state{text-align:center;padding:3rem;color:#6c757d}.empty-state:before{content:"📄";font-size:3rem;display:block;margin-bottom:1rem}.empty-state h3{margin-bottom:.5rem;color:#495057}.empty-state p{margin:0}.guias-table th:first-child{width:80px;text-align:center}.guias-table th:nth-child(2),.guias-table td.numero-parcela{width:100px;text-align:center;font-weight:600;color:#6b7280}.titular-nome{text-align:left}.titulo-guia{border-collapse:collapse;width:100%}.titulo-guia td{padding:4px 8px;vertical-align:middle}.arrow-cell{width:24px;text-align:center}.arrow-icon:before{content:"▾";display:inline-block;font-size:14px;transition:transform .2s ease}.guia-accordion-item[data-open=true] .arrow-icon:before{transform:rotate(180deg)}.guias-cards-container{margin-bottom:2rem}.guias-cards-container .guia-accordion-item{margin-bottom:12px}.guia-card-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0000001a}.guia-info{display:flex;align-items:center;gap:1rem;flex:1}.guia-numero{font-weight:600;color:#374151;font-size:1rem;min-width:100px}.guia-titular{color:#6b7280;font-size:.875rem;flex:1;text-align:left}.guia-actions{display:flex;align-items:center;gap:.75rem}.btn-cancelar{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#fff;color:#dc2626;border:1px solid #dc2626;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancelar:hover:not(:disabled){background:#dc2626;color:#fff}.btn-cancelar:disabled{opacity:.5;cursor:not-allowed}.chevron-icon{color:#6b7280;font-size:1rem;transition:transform .2s ease}.parcelas-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;padding:1rem 0}.parcela-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s ease;overflow:hidden}.parcela-card:hover{box-shadow:0 4px 6px #0000001a}.parcela-card-header{background:#f9fafb;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb}.parcela-numero{margin:0;font-size:.875rem;font-weight:600;color:#374151}.parcela-card-content{padding:1rem}.parcela-info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.parcela-info-row:last-child{border-bottom:none}.info-label{color:#6b7280;font-size:.8125rem;font-weight:500}.info-value{color:#374151;font-size:.8125rem;text-align:right;font-weight:500}.info-value.valor{color:#059669;font-weight:600}.parcela-card-actions{padding:.75rem 1rem;background:#f9fafb;border-top:1px solid #e5e7eb;text-align:right}.btn-imprimir{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-imprimir:hover{background:#2563eb;box-shadow:0 2px 4px #3b82f64d}@media (max-width: 768px){.guia-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.guia-info{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.guia-titular{text-align:left;width:100%}.guia-actions{width:100%;justify-content:space-between}.parcelas-cards-grid{grid-template-columns:1fr}}@media (max-width: 480px){.parcela-info-row{flex-direction:column;align-items:flex-start;gap:.25rem}.info-value{text-align:left}}.guia-card-header.compact{padding:.75rem 1rem;min-height:48px}.guia-info.compact{gap:.75rem}.guia-numero.compact{font-size:.875rem;min-width:70px}.guia-titular.compact{font-size:.8125rem}.guia-actions.compact{gap:.5rem}.btn-cancelar.compact{padding:.375rem .625rem;font-size:.75rem;border-radius:4px}.chevron-icon.compact{font-size:.875rem}.parcelas-cards-grid.compact{gap:.75rem;padding:.75rem 0;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.parcela-card.compact{border-radius:6px}.parcela-card-header.compact{padding:.5rem .75rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.parcela-numero.compact{font-size:.75rem;font-weight:600}.status-badge.compact{padding:.25rem .5rem;font-size:.6875rem;min-height:18px}.parcela-card-content.compact{padding:.5rem .75rem}.parcela-info-row.compact{padding:.25rem 0}.info-value.compact{font-size:.75rem}.info-value.valor.compact{font-size:.8125rem;font-weight:600}.parcela-card-actions.compact{padding:.5rem .75rem}.btn-imprimir.compact{padding:.375rem .625rem;font-size:.75rem;border-radius:4px}@media (max-width: 768px){.guia-card-header.compact{padding:.625rem .875rem}.guia-info.compact{gap:.5rem}.parcelas-cards-grid.compact{grid-template-columns:1fr;gap:.625rem}}@media (max-width: 480px){.guia-info.compact{flex-direction:row;flex-wrap:wrap}.guia-titular.compact{flex:1 1 100%;order:3;margin-top:.25rem}.guia-numero.compact,.status-badge.compact{flex:0 0 auto}}.guia-accordion-item>summary{list-style:none}.guia-accordion-item>summary::-webkit-details-marker{display:none}.guia-accordion-item>summary::marker{display:none}.listing-page{padding:24px;background:#f8fafc;min-height:100%;display:flex;flex-direction:column}.listing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.listing-title{font-size:2rem;font-weight:700;color:#4682b4;margin:0;background:linear-gradient(135deg,#4682b4 0% 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.listing-actions{display:flex;align-items:stretch;gap:16px;flex-wrap:wrap}.search-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.search-input{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;width:100%;max-width:480px;height:48px;background:#fff;transition:all .2s ease;box-sizing:border-box;vertical-align:middle}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-input::placeholder{color:#94a3b8}@media (max-width: 992px){.listing-actions{width:100%}.search-input{max-width:100%;width:100%}}@media (max-width: 576px){.listing-header{flex-direction:column;align-items:stretch}.listing-actions{flex-direction:column;gap:12px}.search-input{width:100%}}.listing-actions .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;height:48px;box-sizing:border-box}.listing-actions .btn-primary{background:linear-gradient(135deg,#4682b4,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f633}.listing-actions .btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f64d}.listing-actions .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.listing-content{flex:1;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow-x:hidden;overflow-y:visible}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;color:#cbd5e1;margin-bottom:16px}.empty-message{font-size:18px;color:#64748b;margin:0 0 24px}.empty-state .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#4682b4,#2563eb);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.empty-state .btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f64d}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table thead{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.data-table th{padding:6px 8px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap;line-height:1.2}.data-table td{padding:6px 8px;text-align:left;border-bottom:1px solid #eaf2ff;color:#1f2937;font-weight:600;line-height:1.2}.table-row{transition:all .2s ease}.table-row:hover{background:#f8fafc}.data-table tbody tr:nth-child(2n){background-color:#f5f9ff}.data-table input[type=checkbox]{width:18px;height:18px;accent-color:var(--success-600);display:block;margin:0 auto;opacity:1!important;position:static!important;padding:0!important;min-height:0!important;box-shadow:none!important;outline:none!important;background:initial!important;transform:none!important;border:none!important;border-radius:3px!important}.actions-column{width:100px;text-align:right}.actions-cell{text-align:right;vertical-align:middle;padding-top:2px;padding-bottom:2px}.action-buttons{display:flex;justify-content:flex-end;gap:6px;align-items:center}.actions-cell .action-buttons{margin-top:0;padding-top:0}.action-btn-edit,.action-btn-delete,.action-btn-view,.action-btn-print{border:none;padding:8px;cursor:pointer;transition:all .2s ease;font-size:18px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}.action-btn-edit{background-color:#16a34a;color:#fff;box-shadow:0 2px 8px #16a34a40}.action-btn-edit:hover{background-color:#15803d;color:#fff;transform:translateY(-1px);box-shadow:0 3px 10px #16a34a59}.action-btn-delete{background-color:#dc2626;color:#fff;box-shadow:0 2px 8px #dc262640}.action-btn-delete:hover{background-color:#b91c1c;color:#fff;transform:translateY(-1px);box-shadow:0 3px 10px #dc262659}.action-btn-view{background-color:#2563eb;color:#fff;box-shadow:0 2px 8px #2563eb40}.action-btn-view:hover{background-color:#1d4ed8;color:#fff;transform:translateY(-1px);box-shadow:0 3px 10px #2563eb59}.action-btn-print{background-color:#4682b4;color:#fff;box-shadow:0 2px 8px #7c3aed40}.action-btn-print:hover{background-color:#6d28d9;color:#fff;transform:translateY(-1px);box-shadow:0 3px 10px #7c3aed59}@media (max-width: 768px){.listing-page{padding:16px}.listing-header{flex-direction:column;align-items:stretch}.listing-title{font-size:1.5rem;text-align:center}.listing-actions{justify-content:center;height:auto;gap:12px}.search-container{height:44px}.search-input{min-width:100%;width:100%}.listing-actions .btn{height:44px}.data-table{font-size:12px}.data-table th,.data-table td{padding:12px 8px}.action-buttons{flex-direction:column;gap:4px}.action-btn-edit,.action-btn-delete{width:32px;height:32px;font-size:14px}}@media (max-width: 480px){.listing-page{padding:12px}.listing-title{font-size:1.25rem}.search-input{min-width:200px}.listing-actions .btn{padding:10px 16px;font-size:12px}.data-table{font-size:11px}.data-table th,.data-table td{padding:8px 6px}}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-active{background:#dcfce7;color:#166534}.status-inactive{background:#fee2e2;color:#991b1b}.status-pending{background:#fef3c7;color:#92400e}.loading-state{display:flex;justify-content:center;align-items:center;padding:60px;color:#64748b}.data-table:focus-within{outline:2px solid #667eea;outline-offset:2px}.edit-button:focus,.delete-button:focus,.listing-actions .btn:focus{outline:2px solid #667eea;outline-offset:2px}.listing-page .page-header{background:var(--gradient-primary)}.listing-page .page-header .title,.listing-page .page-header h1,.listing-page .page-header .page-title{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.listing-page .header-actions .btn-primary,.listing-actions .btn-primary,.listing-header .btn-primary{background:var(--gradient-primary);color:#fff;border:none}.listing-page .header-actions .btn-primary:hover,.listing-actions .btn-primary:hover,.listing-header .btn-primary:hover{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%)}.data-table thead th:not(:first-child){text-align:center}.data-table tbody td:not(:first-child){text-align:center}.data-table{color-scheme:light}.pagination-container{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;padding:1rem 0}.pagination-info{color:#6c757d;font-size:.9rem;text-align:center}.pagination{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.pagination-btn{padding:.5rem 1rem;border:2px solid var(--primary-500);background:#fff;color:var(--primary-600);border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;min-width:80px}.pagination-btn:hover:not(:disabled){background:var(--primary-500);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.pagination-pages{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap}.pagination-page{width:40px;height:40px;border:2px solid #e9ecef;background:#fff;color:#495057;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible}.pagination-page:hover:not(:disabled):not(.dots){border-color:#e9ecef;color:#495057;transform:none;box-shadow:none}.pagination-page.active{background:var(--primary-500);border-color:var(--primary-500);color:#fff;box-shadow:0 2px 8px #0003;animation:pagination-selected-pulse .28s cubic-bezier(.4,0,.2,1)}.pagination-page.dots{border:none;background:transparent;cursor:default;color:#6c757d}.pagination-page.dots:hover{transform:none;box-shadow:none}.pagination-page:before{content:"";position:absolute;top:-20px;left:50%;width:40px;height:40px;border-radius:6px;background-color:var(--primary-500);transform:translate(-50%,-50%);z-index:-1;opacity:0;scale:0;transform-origin:0 0;transition:opacity .2s ease}.pagination-page:after{content:"";position:absolute;bottom:-16px;left:50%;width:8px;height:8px;border-radius:50%;background-color:var(--primary-500);transform:translate(-50%);transform-origin:0 0;z-index:-1;scale:0;opacity:0;transition:opacity .2s ease}.pagination-page.active:before,.pagination-page.active:after{opacity:1;scale:1}.pagination-page.active:before{animation:pagination-halo-ripple .6s ease-out forwards}.pagination-page.active:after{animation:pagination-dot-sparkle .6s ease-out forwards}.pagination-page.dots:before,.pagination-page.dots:after{content:none}@media (max-width: 768px){.pagination-container{gap:.75rem}.pagination{gap:.25rem}.pagination-btn{padding:.4rem .8rem;font-size:.8rem;min-width:70px}.pagination-page{width:35px;height:35px;font-size:.8rem}.pagination-info{font-size:.8rem}}@media (max-width: 480px){.pagination-pages{max-width:250px;justify-content:center}.pagination-btn{flex:1;min-width:60px}}@media (prefers-reduced-motion: reduce){.pagination-page.active,.pagination-page.active:before,.pagination-page.active:after{animation:none!important;transition:none!important}}@keyframes pagination-selected-pulse{0%{transform:scale(.98)}50%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes pagination-halo-ripple{0%{opacity:.6;transform:translate(-50%,-50%) scale(.4)}50%{opacity:.35}to{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}@keyframes pagination-dot-sparkle{0%{opacity:1;transform:translate(-50%) scale(.8);box-shadow:0 0 6px var(--primary-500)}50%{opacity:.8}to{opacity:0;transform:translate(-50%) translateY(6px) scale(0);box-shadow:none}}.modal-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:10px;animation:modalFadeIn .4s cubic-bezier(.16,1,.3,1);pointer-events:auto}.modal-content{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000014,0 10px 25px -5px #0000000a,0 0 0 1px #00000005;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .4s cubic-bezier(.16,1,.3,1);border:1px solid #f1f5f9}.modal-small,.modal-medium,.modal-large,.modal-extra-large{width:95%;max-width:none}@media (min-width: 1600px){.modal-small,.modal-medium,.modal-large,.modal-extra-large{width:95%}.modal-body .form-grid{gap:2rem 2.5rem}}@media (min-width: 1920px){.modal-small,.modal-medium,.modal-large,.modal-extra-large{width:95%}.modal-body .form-grid{gap:2.5rem 3rem}}@media (min-width: 2560px){.modal-small,.modal-medium,.modal-large,.modal-extra-large{width:95%}.modal-body .form-grid{gap:3rem 3.5rem}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f1f5f9;background:#fff;color:#1e293b}.modal-title{margin:0;font-size:1.375rem;font-weight:600;color:#1e293b;letter-spacing:-.025em}.modal-close-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:20px;width:36px;height:36px}.modal-close-btn:hover{background:#f1f5f9;color:#334155;transform:scale(1.05)}.modal-close-btn:active{transform:scale(.95)}.modal-body{padding:28px;overflow-y:auto;flex:1;background:#fafbfc;color:#334155;line-height:1.6;color-scheme:light}.modal-body .form-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem 2rem;max-width:100%;padding:0;transition:gap .3s ease}.modal-body .form-row{display:contents}.modal-body .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:0;min-width:0;position:relative}.modal-body .col-3,.modal-body .form-group.col-3{grid-column:span 3;min-width:0}.modal-body .col-4,.modal-body .form-group.col-4{grid-column:span 4;min-width:0}.modal-body .col-6,.modal-body .form-group.col-6{grid-column:span 6;min-width:0}.modal-body .col-8,.modal-body .form-group.col-8{grid-column:span 8;min-width:0}.modal-body .col-12,.modal-body .form-group.col-12{grid-column:span 12;min-width:0}.modal-body .form-group.col-full{grid-column:1 / -1}@media (max-width: 1400px){.modal-body .form-grid{gap:1.25rem 1.5rem}}@media (max-width: 1200px){.modal-body .form-grid{gap:1rem 1.25rem}}@media (max-width: 992px){.modal-body .form-grid{grid-template-columns:repeat(8,1fr);gap:1rem}.modal-body .col-3,.modal-body .form-group.col-3,.modal-body .col-4,.modal-body .form-group.col-4{grid-column:span 4}.modal-body .col-6,.modal-body .form-group.col-6,.modal-body .col-8,.modal-body .form-group.col-8{grid-column:span 8}}.modal-body .form-group input:focus,.modal-body .form-group select:focus,.modal-body .form-group textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);background:#fff}.modal-body .form-group select:focus,.modal-body select:focus,.modal-body .form-select:focus{border-color:var(--success-600)!important;box-shadow:0 0 0 3px #16a34a26!important}.modal-body .checkbox-label input[type=checkbox]{width:16px;height:16px;margin:0;cursor:pointer;accent-color:var(--success-600);opacity:1!important;position:static!important;padding:0!important;min-height:0!important;box-shadow:none!important;outline:none!important;background:initial!important;transform:none!important;border:none!important;border-radius:3px!important}.modal-body .btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #3b82f633}.modal-body .btn-primary:hover{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f64d}.form-modal .modal-header{background:var(--gradient-primary)}.form-modal .modal-header:hover{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%)}.modal-content{border-color:var(--primary-500)}.modal-body input[type=checkbox],.modal-body input[type=radio]{accent-color:var(--primary-500)}.modal-body .form-group label{font-size:.875rem;font-weight:600;color:#475569;margin-bottom:2px;letter-spacing:.025em}.modal-body .form-group input,.modal-body .form-group select,.modal-body .form-group textarea{padding:8px 12px;border:1.5px solid #e2e8f0;border-radius:6px;font-size:14px;color:#1e293b;background:#fff;transition:all .2s ease;font-family:inherit;min-height:36px}.modal-body .form-group input:focus,.modal-body .form-group select:focus,.modal-body .form-group textarea:focus{outline:none;border-color:#4682b4;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.modal-body .form-group input:hover,.modal-body .form-group select:hover,.modal-body .form-group textarea:hover{border-color:#cbd5e1}.modal-body .form-group textarea{resize:vertical;min-height:100px}.modal-body .checkbox-label{display:flex!important;align-items:center;gap:10px;cursor:pointer;font-size:.95rem!important;font-weight:500!important;color:#3e7960!important;margin-bottom:0!important}.modal-body .checkbox-label input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:#0EA071}.modal-body .form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;margin-top:24px;border-top:1px solid #e2e8f0;background:transparent}.modal-body .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;min-width:120px;justify-content:center}.modal-body .btn-primary{background:linear-gradient(135deg,#4682b4,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f633}.modal-body .btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f64d}.modal-body .btn-secondary{background:#fff;color:#64748b;border:1.5px solid #e2e8f0}.modal-body .btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569;transform:translateY(-1px)}.modal-body .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-32px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:16px}.modal-body .form-grid{grid-template-columns:repeat(4,1fr);gap:.75rem}.modal-body .col-3,.modal-body .form-group.col-3,.modal-body .col-4,.modal-body .form-group.col-4,.modal-body .col-6,.modal-body .form-group.col-6,.modal-body .col-8,.modal-body .form-group.col-8,.modal-body .col-12,.modal-body .form-group.col-12{grid-column:span 4}}@media (max-width: 576px){.modal-body .form-grid{grid-template-columns:1fr;gap:.5rem}.modal-body .col-3,.modal-body .col-4,.modal-body .col-6,.modal-body .col-8,.modal-body .col-12,.modal-body .form-group.col-3,.modal-body .form-group.col-4,.modal-body .form-group.col-6,.modal-body .form-group.col-8,.modal-body .form-group.col-12{grid-column:span 1}}@media (max-width: 480px){.modal-overlay{padding:8px}.modal-header{padding:16px 18px}.modal-title{font-size:1.125rem}.modal-body{padding:18px}.modal-body .form-grid{gap:.75rem}.modal-body .form-group input,.modal-body .form-group select,.modal-body .form-group textarea{padding:8px 12px;font-size:14px}.modal-body .btn{padding:10px 20px;font-size:.85rem}}.modal-overlay:focus-within .modal-content{outline:2px solid #667eea;outline-offset:2px}.form-modal{width:95%;max-width:none}.form-modal-small{width:70%;max-width:600px}.form-modal-medium{width:80%;max-width:800px}.form-modal-large{width:90%;max-width:1000px}.form-modal-extra-large{width:95%;max-width:none}.form-modal-tabbed{width:98%;max-width:none;min-height:70vh}.form-modal-expanded{width:90%!important;max-width:none!important;height:90vh!important;max-height:none!important;--success-600: #4c9d70}.form-modal-expanded .modal-content{width:100%;height:100%;max-width:none;max-height:none}.form-modal-expanded .modal-body .form-group select:focus{border-color:var(--success-600);box-shadow:0 0 0 3px #22c55e26}.form-modal-overlay{padding:5px}@media (max-width: 768px){.form-modal,.form-modal-small,.form-modal-medium,.form-modal-large,.form-modal-extra-large,.form-modal-tabbed{width:98%;margin:.25rem}.form-modal-overlay{padding:2px}}@media (min-width: 769px) and (max-width: 1024px){.form-modal-small{width:75%}.form-modal-medium{width:85%}.form-modal-large{width:92%}.form-modal-extra-large,.form-modal-tabbed{width:96%}}@media (min-width: 1025px) and (max-width: 1440px){.form-modal-small{width:60%;max-width:700px}.form-modal-medium{width:75%;max-width:900px}.form-modal-large{width:85%;max-width:1100px}.form-modal-extra-large{width:92%;max-width:none}.form-modal-tabbed{width:95%;max-width:none}}@media (min-width: 1441px){.form-modal-small{width:50%;max-width:800px}.form-modal-medium{width:65%;max-width:1000px}.form-modal-large{width:80%;max-width:1300px}.form-modal-extra-large{width:90%;max-width:none}.form-modal-tabbed{width:95%;max-width:none}}.form-modal .modal-body{padding:1.5rem}.form-modal .form-grid{gap:1.5rem 2rem}.form-modal-wide{width:98%;max-width:none}.form-modal-wide .form-grid{gap:2rem 2.5rem}.modal-associados-form{width:95%;max-width:none}.modal-associados-form .modal-content{width:100%;max-width:none}.modal-fullwidth{width:98%!important;max-width:none!important}.modal-compact{width:60%!important;max-width:700px!important}.modal-standard{width:80%!important;max-width:900px!important}.form-modal-fullscreen,.form-modal-fullscreen .modal-content{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;border-radius:0!important}.form-modal-overlay.form-modal-fullscreen{padding:0!important}.form-modal .modal-content button,.form-modal-compact .modal-content button,.form-modal-expanded .modal-content button,.form-modal-fullscreen .modal-content button,.form-modal-fixed-height .modal-content button{min-width:120px;max-width:160px;width:140px;padding:10px 20px;white-space:nowrap;flex-shrink:0;font-size:14px;font-weight:500;border-radius:6px;transition:all .2s ease}.form-modal .modal-content .button-container,.form-modal-compact .modal-content .button-container,.form-modal-expanded .modal-content .button-container,.form-modal-fullscreen .modal-content .button-container,.form-modal-fixed-height .modal-content .button-container{display:flex;gap:12px;justify-content:flex-end;align-items:center;flex-wrap:wrap;margin-top:20px}.form-modal .modal-content .btn-primary,.form-modal .modal-content .btn-secondary,.form-modal .modal-content .btn-danger{width:140px!important;min-width:120px;max-width:160px}.form-modal .modal-content .btn-sm{width:100px!important;min-width:80px;max-width:120px;padding:8px 16px;font-size:13px}.form-modal .modal-content .btn-lg{width:160px!important;min-width:140px;max-width:180px;padding:12px 24px;font-size:15px}@media (max-width: 768px){.form-modal .modal-content button,.form-modal-compact .modal-content button,.form-modal-expanded .modal-content button,.form-modal-fullscreen .modal-content button,.form-modal-fixed-height .modal-content button{width:120px;min-width:100px;max-width:140px;padding:8px 16px;font-size:13px}.form-modal .modal-content .btn-primary,.form-modal .modal-content .btn-secondary,.form-modal .modal-content .btn-danger{width:120px!important}.form-modal .modal-content .btn-sm{width:90px!important}.form-modal .modal-content .btn-lg{width:140px!important}}.baixa-parcelas-page{padding:16px}.page-header h1{margin:0 0 12px;font-size:20px}.filters-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;margin-bottom:12px}.filter-group label{display:block;font-size:12px;color:#555;margin-bottom:6px}.actions{display:flex;gap:8px;justify-content:flex-start;grid-column:1 / -1;flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-process{padding:8px 12px;border-radius:6px;border:1px solid #d1d5db;background:#f9fafb;color:#111827;cursor:pointer}.btn-primary{background-color:#4682b4;border-color:#4682b4;color:#fff}.btn-primary:hover{background-color:#3a6d94;border-color:#3a6d94}.btn-secondary{background-color:#e5e7eb}.btn-secondary:hover{background-color:#d1d5db}.btn-process{background-color:#10b981;border-color:#10b981;color:#fff}.btn-process:hover{background-color:#059669;border-color:#059669}@media (max-width: 1024px){.filters-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.filters-bar .actions{justify-content:flex-start;grid-column:1 / -1}}@media (max-width: 576px){.filters-bar{grid-template-columns:1fr}.filters-bar .actions{justify-content:flex-start;grid-column:1 / -1}}.summary-card{margin-top:12px;border:1px solid #e5e7eb;border-radius:8px;padding:12px;background:#fff}.summary-card h2{font-size:16px;margin:0 0 8px}.summary-row{display:flex;justify-content:space-between;padding:6px 0;border-top:1px dashed #f3f4f6}.summary-row:first-child{border-top:none}.progress-card{border:1px solid #e5e7eb;border-radius:8px;padding:12px;background:#fff;margin-top:8px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.progress-bar{position:relative;height:12px;border-radius:9999px;background:#f3f4f6;overflow:hidden}.progress-bar-fill{height:100%;transition:width .3s ease-in-out,background-color .3s ease-in-out}.progress-bar-low{background-color:#4682b4}.progress-bar-mid{background-color:#f59e0b}.progress-bar-high{background-color:#16a34a}.progress-info{display:flex;gap:12px;font-size:12px;color:#374151;margin-top:8px}@media (max-width: 768px){.filters-bar{grid-template-columns:1fr}.actions{justify-content:stretch;grid-column:1 / -1}}.action-buttons{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:0;padding-top:0;border-top:none}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;line-height:1.4;cursor:pointer;transition:all .2s ease-in-out;border:1px solid;min-width:100px;height:36px;text-decoration:none;white-space:nowrap}.action-btn:disabled{opacity:.6;cursor:not-allowed}.action-btn-cancel{background-color:var(--error-500);color:#fff;border-color:var(--error-500)}.action-btn-cancel:hover:not(:disabled){background-color:var(--error-600);border-color:var(--error-600);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.action-btn-cancel:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #ef444433}.action-btn-save{background-color:var(--success-600)!important;color:#fff;border-color:var(--success-600)!important}.action-btn-save:hover:not(:disabled){background-color:var(--success-700)!important;border-color:var(--success-700)!important;transform:translateY(-1px);box-shadow:0 4px 12px #16a34a4d}.action-btn-save:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #16a34a33}.action-btn ion-icon{font-size:16px;flex-shrink:0}.action-btn-save:disabled{background-color:#9ca3af;border-color:#9ca3af;cursor:not-allowed}@media (max-width: 640px){.action-buttons{flex-direction:column-reverse;gap:8px;align-items:stretch}.action-btn{width:100%;min-width:unset;justify-content:center}}@media (min-width: 641px) and (max-width: 768px){.action-buttons{gap:10px}.action-btn{min-width:90px;padding:7px 14px;font-size:13px}}@media (min-width: 769px){.action-buttons{gap:12px}.action-btn{min-width:100px}}.modal-small .action-buttons{margin-top:16px;padding-top:16px}.modal-small .action-btn{min-width:80px;padding:6px 12px;font-size:13px;height:32px}.inline-form .action-buttons{border-top:none;margin-top:16px;padding-top:0}@media (prefers-color-scheme: dark){.action-buttons{border-top-color:#374151}}@keyframes buttonPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.action-btn:focus{outline:2px solid transparent;outline-offset:2px}.action-btn-cancel:focus{box-shadow:0 0 0 3px #ef444480}.action-btn-save:focus{box-shadow:0 0 0 3px #16a34a80}.search-header{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 10px #0000000f;margin-bottom:1px;overflow:visible}.search-grid{display:flex;flex-wrap:nowrap;gap:12px 16px;align-items:end}.search-grid .field-group:nth-child(1){min-width:300px}.search-grid .field-group:nth-child(2){min-width:160px}.search-grid .holder-group,.search-grid .dependent-group{min-width:300px}.search-grid .date-range-group{min-width:280px}.search-grid .actions-group{margin-left:auto}.field-group{position:relative}.field-label{font-weight:600;color:#334155;margin-bottom:6px;display:block}.text-input{width:100%;padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;height:40px;box-sizing:border-box;transition:all .2s ease}.text-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.text-input::placeholder{color:#94a3b8;opacity:1}.select-input{width:100%!important;padding:10px 5px!important;border:2px solid #8aade2!important;border-radius:8px!important;font-size:14px!important;height:40px!important;margin-bottom:1px!important}.holder-group,.dependent-group{position:relative}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:4px;z-index:10;max-height:240px;overflow-y:auto;box-shadow:0 8px 24px #00000014}.suggestion-item{padding:10px 12px;display:flex;justify-content:space-between;gap:12px;cursor:pointer}.suggestion-item:hover{background:#f8fafc}.suggestion-name{color:#0f172a;font-weight:500}.suggestion-cpf{color:#475569;font-size:12px}.date-range{display:flex;align-items:center;gap:8px}.date-input{width:100%;padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;height:40px;box-sizing:border-box;transition:all .2s ease}.search-header{background:transparent}.search-grid{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.field-group{display:flex;flex-direction:column;gap:6px;min-width:220px}.field-label{font-size:12px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.04em}.input-with-icon{position:relative}.text-input,.select-input{padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;height:40px;box-sizing:border-box;transition:all .2s ease}.text-input:focus,.select-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.date-input{padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;height:40px;box-sizing:border-box;transition:all .2s ease}.date-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.date-separator{color:#475569;font-weight:600}.actions-group{display:flex;gap:8px;align-items:center}.actions-group .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;justify-content:center;font-size:.95rem}.actions-group .btn-primary{background:linear-gradient(135deg,#4682b4 0% 100%);color:#fff;box-shadow:0 4px 12px #3b82f633}.actions-group .btn-primary:hover{background:linear-gradient(135deg,#4682b4 0% 100%);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f64d}.actions-group .btn-secondary{background:#fff;color:#64748b;border:1.5px solid #e2e8f0}.actions-group .btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#f0f2f5;transform:translateY(-1px)}.actions-group .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media (max-width: 992px){.search-grid{flex-wrap:wrap;align-items:stretch}.search-grid .field-group:nth-child(1),.search-grid .field-group:nth-child(2),.search-grid .holder-group,.search-grid .dependent-group,.search-grid .date-range-group{min-width:0;flex:1 1 100%}.search-grid .actions-group{margin-left:0;width:100%;justify-content:flex-start;display:flex;gap:8px;flex-wrap:wrap}.actions-group .btn{flex:1 1 auto}}@media (max-width: 576px){.actions-group{flex-direction:column;align-items:stretch}.actions-group .btn{width:100%}}.page-actions .btn-primary,.search-actions .btn-primary,.actions-group .btn-primary,.search-header .btn-primary{background:var(--gradient-primary);color:#fff;border:none}.page-actions .btn-primary:hover,.search-actions .btn-primary:hover,.actions-group .btn-primary:hover,.search-header .btn-primary:hover{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff}.search-header .select-input{border:2px solid var(--primary-200)}.search-header .select-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}:root{--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-400: #38bdf8;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--primary-900: #0c4a6e;--secondary-50: #faf5ff;--secondary-100: #f3e8ff;--secondary-200: #e9d5ff;--secondary-300: #d8b4fe;--secondary-400: #c084fc;--secondary-500: #a855f7;--secondary-600: #9333ea;--secondary-700: #4682B4;--secondary-800: #6b21a8;--secondary-900: #581c87;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--success-800: #166534;--success-900: #14532d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-300: #fca5a5;--error-400: #f87171;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--error-800: #991b1b;--error-900: #7f1d1d;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--bg-primary: var(--gray-50);--bg-secondary: #ffffff;--bg-tertiary: var(--gray-100);--bg-overlay: rgba(15, 23, 42, .4);--text-primary: var(--gray-900);--text-secondary: var(--gray-700);--text-tertiary: var(--gray-500);--text-inverse: #ffffff;--border-light: var(--gray-200);--border-medium: var(--gray-300);--border-dark: var(--gray-400);--gradient-primary: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 100%);--gradient-secondary: linear-gradient(135deg, var(--secondary-500) 0%, var(--secondary-600) 100%);--gradient-success: linear-gradient(135deg, var(--success-500) 0%, var(--success-600) 100%);--gradient-warning: linear-gradient(135deg, var(--warning-500) 0%, var(--warning-600) 100%);--gradient-error: linear-gradient(135deg, var(--error-500) 0%, var(--error-600) 100%);--gradient-cool: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--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);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 40px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-bounce: .4s cubic-bezier(.16, 1, .3, 1)}.bg-primary{background-color:var(--primary-500)}.bg-primary-light{background-color:var(--primary-100)}.bg-secondary{background-color:var(--secondary-500)}.bg-success{background-color:var(--success-500)}.bg-warning{background-color:var(--warning-500)}.bg-error{background-color:var(--error-500)}.bg-gray{background-color:var(--gray-500)}.bg-white{background-color:#fff}.text-primary{color:var(--primary-500)}.text-secondary{color:var(--secondary-500)}.text-success{color:var(--success-500)}.text-warning{color:var(--warning-500)}.text-error{color:var(--error-500)}.text-gray{color:var(--gray-500)}.text-white{color:#fff}.border-primary{border-color:var(--primary-500)}.border-secondary{border-color:var(--secondary-500)}.border-success{border-color:var(--success-500)}.border-warning{border-color:var(--warning-500)}.border-error{border-color:var(--error-500)}.border-gray{border-color:var(--gray-300)}@media (prefers-color-scheme: dark){:root{--bg-primary: var(--gray-900);--bg-secondary: var(--gray-800);--bg-tertiary: var(--gray-700);--text-primary: var(--gray-100);--text-secondary: var(--gray-300);--text-tertiary: var(--gray-400);--border-light: var(--gray-700);--border-medium: var(--gray-600);--border-dark: var(--gray-500)}}.action-btn-edit{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);font-size:16px;background:var(--success-100);color:var(--success-600)}.action-btn-edit:hover{background:var(--success-200);color:var(--success-700);transform:scale(1.1)}.action-btn-edit:focus{outline:2px solid var(--success-500);outline-offset:2px}.action-btn-delete{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);font-size:16px;background:var(--error-100);color:var(--error-600)}.action-btn-delete:hover{background:var(--error-200);color:var(--error-700);transform:scale(1.1)}.action-btn-delete:focus{outline:2px solid var(--error-500);outline-offset:2px}.action-buttons{display:flex;justify-content:center;gap:var(--space-sm)}@media (max-width: 768px){.action-buttons{flex-direction:column;gap:var(--space-xs)}.action-btn-edit,.action-btn-delete{width:32px;height:32px;font-size:14px}}@media (max-width: 480px){.action-btn-edit,.action-btn-delete{width:28px;height:28px;font-size:12px}}.input-bg-success{background-color:var(--success-100)!important}.input-bg-error{background-color:var(--error-100)!important}.status-badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-active{background:var(--success-100);color:var(--success-700)}.status-inactive{background:var(--error-100);color:var(--error-700)}.status-pending{background:var(--warning-100);color:var(--warning-700)}.theme-primary{background:var(--gradient-primary);color:var(--text-inverse)}.theme-secondary{background:var(--gradient-secondary);color:var(--text-inverse)}.theme-success{background:var(--gradient-success);color:var(--text-inverse)}.theme-warning{background:var(--gradient-warning);color:var(--text-inverse)}.theme-error{background:var(--gradient-error);color:var(--text-inverse)}.surface-primary{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.surface-elevated{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.fade-in{animation:fadeIn var(--transition-slow) ease-out}.slide-up{animation:slideUp var(--transition-bounce) ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.custom-theme{--custom-primary: var(--primary-500);--custom-secondary: var(--secondary-500);--custom-accent: var(--success-500)}.custom-theme .action-btn-edit{background:color-mix(in srgb,var(--success-500) 15%,transparent);color:var(--success-600)}.custom-theme .action-btn-delete{background:var(--error-100);color:var(--error-600)}@media (prefers-contrast: high){:root{--border-light: var(--gray-900);--border-medium: var(--gray-900);--border-dark: var(--gray-900)}.action-btn-edit{border:2px solid var(--success-600)}.action-btn-delete{border:2px solid var(--error-600)}}@media (prefers-reduced-motion: reduce){.action-btn-edit,.action-btn-delete{transition:none}.action-btn-edit:hover,.action-btn-delete:hover{transform:none}.fade-in,.slide-up{animation:none}}.theme-selector-overlay{position:fixed;inset:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-normal) ease-out}.theme-selector-modal{background:var(--bg-secondary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:90%;max-width:800px;max-height:90vh;overflow:hidden;animation:slideUp var(--transition-bounce) ease-out}.theme-selector-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2xl);border-bottom:1px solid var(--border-light);background:var(--gradient-primary);color:var(--text-inverse)}.header-content{display:flex;align-items:center;gap:var(--space-lg)}.header-icon{font-size:32px;opacity:.9}.theme-selector-header h2{margin:0;font-size:1.5rem;font-weight:600}.theme-selector-header p{margin:var(--space-xs) 0 0;opacity:.8;font-size:.875rem}.close-button{background:#fff3;border:none;border-radius:var(--radius-full);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;color:var(--text-inverse);transition:all var(--transition-normal)}.close-button:hover{background:#ffffff4d;transform:scale(1.1)}.theme-selector-content{padding:var(--space-2xl);max-height:60vh;overflow-y:auto}.theme-section{margin-bottom:var(--space-3xl)}.theme-section:last-child{margin-bottom:0}.theme-section h3{margin:0 0 var(--space-lg);font-size:1.25rem;font-weight:600;color:var(--text-primary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.toggle-custom-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--primary-100);color:var(--primary-600);border:none;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.toggle-custom-btn:hover{background:var(--primary-200);transform:translateY(-1px)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.theme-card{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.theme-card:hover{border-color:var(--primary-300);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.theme-card.active{border-color:var(--primary-500);background:var(--primary-50);box-shadow:var(--shadow-lg)}.theme-preview{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.color-circle{width:32px;height:32px;border-radius:var(--radius-full);border:2px solid rgba(255,255,255,.8);box-shadow:var(--shadow-md)}.theme-info h4{margin:0 0 var(--space-xs);font-size:1rem;font-weight:600;color:var(--text-primary)}.theme-info p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.4}.check-icon{position:absolute;top:var(--space-lg);right:var(--space-lg);font-size:24px;color:var(--primary-500)}.custom-theme-panel{background:var(--bg-tertiary);border-radius:var(--radius-xl);padding:var(--space-2xl);animation:slideDown var(--transition-normal) ease-out}.color-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.color-input-group label{display:block;margin-bottom:var(--space-sm);font-size:.875rem;font-weight:500;color:var(--text-primary);text-transform:capitalize}.color-input-wrapper{display:flex;gap:var(--space-sm);align-items:center}.color-picker{width:50px;height:40px;border:none;border-radius:var(--radius-md);cursor:pointer;overflow:hidden}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:var(--radius-md)}.color-text-input{flex:1;padding:var(--space-md);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:.875rem;font-family:Courier New,monospace;background:var(--bg-secondary);color:var(--text-primary);transition:all var(--transition-normal)}.color-text-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.custom-theme-preview{margin-bottom:var(--space-2xl)}.custom-theme-preview h4{margin:0 0 var(--space-lg);font-size:1rem;font-weight:600;color:var(--text-primary)}.preview-container{display:flex;gap:var(--space-lg);flex-wrap:wrap}.preview-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.preview-color{width:40px;height:40px;border-radius:var(--radius-md);border:2px solid rgba(255,255,255,.8);box-shadow:var(--shadow-md)}.preview-item span{font-size:.75rem;color:var(--text-secondary);text-transform:capitalize;font-weight:500}.apply-custom-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--gradient-success);color:var(--text-inverse);border:none;border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);width:100%;justify-content:center}.apply-custom-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.theme-selector-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2xl);border-top:1px solid var(--border-light);background:var(--bg-tertiary)}.reset-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--error-100);color:var(--error-600);border:none;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.reset-btn:hover{background:var(--error-200);transform:translateY(-1px)}.current-theme-info{font-size:.875rem;color:var(--text-secondary)}.current-theme-info strong{color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.theme-selector-modal{width:95%;max-height:95vh}.theme-selector-header,.theme-selector-content{padding:var(--space-lg)}.theme-grid,.color-inputs{grid-template-columns:1fr}.theme-selector-footer{flex-direction:column;gap:var(--space-lg);text-align:center}.preview-container{justify-content:center}}@media (max-width: 480px){.theme-selector-header{padding:var(--space-md)}.header-content{gap:var(--space-md)}.header-icon{font-size:24px}.theme-selector-header h2{font-size:1.25rem}.theme-selector-content{padding:var(--space-md)}.custom-theme-panel{padding:var(--space-lg)}}.theme-selector-content::-webkit-scrollbar{width:6px}.theme-selector-content::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-full)}.theme-selector-content::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}.theme-selector-content::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}@media (prefers-reduced-motion: reduce){.theme-selector-overlay,.theme-selector-modal,.custom-theme-panel{animation:none}.theme-card:hover,.toggle-custom-btn:hover,.apply-custom-btn:hover,.reset-btn:hover,.close-button:hover{transform:none}}@media (prefers-contrast: high){.theme-card{border-width:3px}.theme-card.active{border-width:4px}.color-circle,.preview-color{border-width:3px;border-color:var(--text-primary)}}.toast{position:fixed;top:20px;right:20px;z-index:9999;min-width:300px;max-width:500px;border-radius:8px;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-enter{animation:slideInRight .3s cubic-bezier(.4,0,.2,1)}.toast-exit{animation:slideOutRight .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-content{display:flex;align-items:center;padding:16px;gap:12px}.toast-icon{font-size:24px;flex-shrink:0}.toast-message{flex:1;font-size:14px;font-weight:500;line-height:1.4;white-space:pre-line}.toast-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s;flex-shrink:0}.toast-close:hover{background-color:#ffffff1a}.toast-close ion-icon{font-size:18px}.toast-actions{display:flex;justify-content:flex-end;gap:10px;padding:0 16px 14px 52px}.toast-button{border:none;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.toast-button.primary{background:#fffffff2;color:#111827}.toast-button.primary:hover{background:#fff;transform:translateY(-1px)}.toast-button.secondary{background:transparent;color:#f1f5f9;border:1px solid rgba(255,255,255,.7)}.toast-button.secondary:hover{background:#ffffff26}.toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toast-success .toast-icon{color:#d1fae5}.toast-success .toast-close:hover{background-color:#ffffff26}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast-error .toast-icon{color:#fecaca}.toast-error .toast-close:hover{background-color:#ffffff26}.toast-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.toast-warning .toast-icon{color:#fed7aa}.toast-warning .toast-close:hover{background-color:#ffffff26}.toast-info{background:linear-gradient(135deg,#4682b4,#2563eb);color:#fff}.toast-info .toast-icon{color:#dbeafe}.toast-info .toast-close:hover{background-color:#ffffff26}@media (max-width: 640px){.toast{left:20px;right:20px;min-width:auto;max-width:none}.toast-content{padding:14px}.toast-message{font-size:13px}}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #4682B4;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success-50: #ecfdf5;--success-500: #10b981;--success-600: #059669;--warning-50: #fffbeb;--warning-500: #f59e0b;--warning-600: #d97706;--error-50: #fef2f2;--error-500: #ef4444;--error-600: #dc2626;--gradient-primary: linear-gradient(135deg, #4682B4 0%, #4682B4 100%);--gradient-secondary: linear-gradient(135deg, #4682B4 0%, #4682B4 100%);--gradient-success: linear-gradient(135deg, var(--success-500) 0%, var(--success-600) 100%);--gradient-warm: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-cool: var(--gradient-cool);--gradient-dark: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.05) 100%);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 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);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-glow: 0 0 20px rgba(59, 130, 246, .3);--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--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;--primary-color: var(--primary-500);--secondary-color: var(--primary-700);--accent-color: var(--primary-400);--gradient-bg: var(--gradient-primary);--text-color: var(--gray-800);--bg-color: var(--bg-primary);--border-color: var(--gray-200);--shadow-color: var(--shadow-md)}*{margin:0;padding:0;box-sizing:border-box}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-color);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:all .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius-full);transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--gradient-secondary)}::selection{background:var(--primary-200);color:var(--primary-800)}::-moz-selection{background:var(--primary-200);color:var(--primary-800)}*:focus{outline:none;box-shadow:0 0 0 3px var(--primary-200);border-radius:var(--radius-md)}*{transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.app-container{min-height:100vh;background:var(--bg-color);animation:fadeIn .6s ease-out}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.02)}.glass{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-lg)}.loading{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}@media (max-width: 768px){body{font-size:14px}}@media (max-width: 480px){body{font-size:13px}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}