:root{--primary:#f97316;--primary-dark:#ea580c;--primary-light:#fb923c;--primary-muted:#fcd9b6;--primary-bg:#f9731614;--primary-hover:#f9731626;--primary-gradient:linear-gradient(135deg,#f97316,#ea580c);--blue-primary:#1a3a5c;--blue-dark:#0f2440;--blue-light:#2b5a8c;--blue-bg:#1a3a5c14;--blue-hover:#1a3a5c1f;--blue-gradient:linear-gradient(135deg,#1a3a5c,#2b5a8c);--danger:#ef4444;--danger-dark:#dc2626;--danger-light:#f87171;--danger-bg:#ef444414;--danger-hover:#ef444426;--danger-gradient:linear-gradient(135deg,#ef4444,#dc2626);--success:#10b981;--success-dark:#059669;--success-light:#34d399;--success-bg:#10b98114;--success-gradient:linear-gradient(135deg,#10b981,#059669);--warning:#f59e0b;--warning-dark:#d97706;--warning-light:#fbbf24;--warning-bg:#f59e0b14;--info:#3b82f6;--info-dark:#2563eb;--info-light:#60a5fa;--info-bg:#3b82f614;--purple:#8b5cf6;--purple-dark:#7c3aed;--purple-light:#a78bfa;--purple-bg:#8b5cf614;--bg-sidebar:#f4f6f9;--bg-primary:#f0f4f8;--bd-primary_1:#f5f3ee;--bg-secondary:#fff;--bg-tertiary:#f8fafc;--bg-card:#fff;--bg-input:#fff;--bg-hover:#f973160a;--bg-active:#f973161a;--bg-body:#f0f4f8;--bg-header-modal:#b9bbbe;--sb-bg:#f4f6f9;--sb-bg-secondary:#0f0f17;--border-color:#e2e8f0;--border-light:#f1f5f9;--border-dark:#cbd5e1;--border-hover:#d1d5db;--border-focus:#9d9fa3;--border-primary:#f973164d;--border-blue:#1a3a5c33;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#545456;--text-dim:#a0aec0;--text-white:#fff;--text-strong:#1a202c;--text-body:#1a202c;--text-input:#282a2d;--modal-title-color:#333;--text-placeholder:#a0aec0;--text-title-header:#111827;--sb-text:#4a5568;--sb-text-strong:#1a202c;--sb-muted:#4a5568;--radius:16px;--radius-lg:12px;--radius-md:10px;--radius-sm:8px;--radius-xs:6px;--shadow-sm:0 1px 2px #0000000d;--shadow:0 2px 8px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--shadow-xl:0 16px 40px #0000001f;--shadow-modal:0 25px 50px #00000026;--shadow-dropdown:0 -8px 30px #00000014;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.15s ease;--transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1);--transition-bounce:all 0.3s cubic-bezier(0.68,-0.55,0.265,1.55);--sb-width:260px;--sb-collapsed:72px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"Courier New",monospace;--font-size-xs:10px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:28px;--font-size-4xl:32px;--font-size-5xl:48px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--z-dropdown:1000;--z-modal:2000;--z-tooltip:3000;--z-notification:4000;--z-overlay:5000;--z-max:9999}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideLeft{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-slide-up{animation:slideUp .3s ease forwards}.animate-slide-down{animation:slideDown .2s ease forwards}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.animate-bounce{animation:bounce .5s ease infinite}.animate-shimmer{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#fff,#f8fafc 50%,#fff);background:linear-gradient(90deg,var(--bg-secondary) 0,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-tertiary);border-radius:99px}::-webkit-scrollbar-thumb{background:#f97316;background:var(--primary);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ea580c;background:var(--primary-dark)}*{scrollbar-color:#f97316 #f8fafc;scrollbar-color:var(--primary) var(--bg-tertiary);scrollbar-width:thin}::selection{background:#f97316;background:var(--primary);color:#fff;color:var(--text-white)}@media (max-width:768px){:root{--sb-width:100%;--radius:12px;--radius-lg:10px;--radius-md:8px;--radius-sm:6px}}@media (min-width:769px) and (max-width:1024px){:root{--sb-width:220px}}.saas-footer{-webkit-font-smoothing:antialiased;align-items:center;box-sizing:border-box;display:flex;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);gap:16px;gap:var(--space-4,16px);justify-content:space-between;padding:11px 24px;padding:var(--space-2,11px) var(--space-6,24px);width:100%}.saas-footer--dark{background:var(--bg-tertiary);border-top:1px solid #ffffff0f}.saas-footer--light{background:#0000;border-top:1px solid #00000014;border-top:1px solid var(--border-color,#00000014)}.saas-footer__brand{align-items:center;display:flex;flex-shrink:0;gap:10px;gap:var(--space-2,10px)}.saas-footer__logo{font-size:13px;font-size:var(--font-size-sm,13px);font-weight:800;font-weight:var(--font-weight-extrabold,800);letter-spacing:-.3px;line-height:1}.saas-footer__logo-id{color:#1a202c;color:var(--text-muted,#1a202c)}.saas-footer--dark .saas-footer__logo-id{color:#fff;color:var(--text-white,#fff)}.saas-footer--light .saas-footer__logo-id{color:#1a202c;color:var(--text-primary,#1a202c)}.saas-footer__logo-on{color:#f97316;color:var(--primary,#f97316)}.saas-footer__version{background:#ffffff0f;border-radius:20px;color:#ffffff38;color:var(--text-muted,#ffffff38);font-size:10px;font-size:var(--font-size-xs,10px);font-weight:600;font-weight:var(--font-weight-semibold,600);letter-spacing:.3px;padding:2px 7px}.saas-footer--light .saas-footer__version{background:#0000000d;background:var(--bg-tertiary,#0000000d);color:#0000004d;color:var(--text-dim,#0000004d)}.saas-footer__divider{background:#ffffff1a;flex-shrink:0;height:12px;height:var(--space-3,12px);width:1px}.saas-footer--light .saas-footer__divider{background:#0000001f;background:var(--border-color,#0000001f)}.saas-footer__copy{color:#ffffff4d;color:var(--text-muted,#ffffff4d);font-size:11px;font-size:var(--font-size-xs,11px);letter-spacing:.2px;white-space:nowrap}.saas-footer--light .saas-footer__copy{color:#0006;color:var(--text-muted,#0006)}.saas-footer__links{align-items:center;display:flex;flex-shrink:0;gap:8px;gap:var(--space-2,8px)}.saas-footer__sep{color:#ffffff1f;color:var(--text-dim,#ffffff1f);font-size:11px;font-size:var(--font-size-xs,11px);-webkit-user-select:none;user-select:none}.saas-footer--light .saas-footer__sep{color:#00000026;color:var(--text-dim,#00000026)}.saas-footer__link{align-items:center;background:none;border:none;color:#ffffff4d;color:var(--text-muted,#ffffff4d);cursor:pointer;display:flex;font-family:inherit;font-size:11px;font-size:var(--font-size-xs,11px);gap:4px;gap:var(--space-1,4px);padding:0;text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast,.15s ease);white-space:nowrap}.saas-footer--light .saas-footer__link{color:#0006;color:var(--text-muted,#0006)}.saas-footer__link:hover{color:#ffffffbf;color:var(--text-primary,#ffffffbf)}.saas-footer--light .saas-footer__link:hover{color:#000000bf;color:var(--text-primary,#000000bf)}.saas-footer__wa-dot{background:#25d366;background:var(--success,#25d366);border-radius:50%;box-shadow:0 0 5px #25d3668c;box-shadow:0 0 5px var(--success-bg,#25d3668c);flex-shrink:0;height:6px;width:6px}.saas-footer__link--whatsapp:hover{color:#25d366!important;color:var(--success,#25d366)!important}@media (max-width:768px){.saas-footer{flex-direction:row;flex-wrap:wrap;gap:6px 14px;justify-content:center;padding:10px 12px}.saas-footer__brand{gap:6px}.saas-footer__logo{font-size:12px}.saas-footer__version{font-size:8px;padding:1px 5px}.saas-footer__copy{font-size:10px;white-space:nowrap}.saas-footer__divider{height:10px}.saas-footer__links{gap:4px}.saas-footer__link,.saas-footer__sep{font-size:10px}.saas-footer__wa-dot{height:5px;width:5px}}@media (max-width:480px){.saas-footer{gap:4px 10px;padding:8px}.saas-footer__logo{font-size:11px}.saas-footer__copy,.saas-footer__link{font-size:9px}.saas-footer__divider{height:8px}}.btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;line-height:1.5;min-height:36px;min-width:36px;padding:var(--space-2) var(--space-4);text-align:center;text-decoration:none;transition:var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn-xs{min-height:24px;min-width:24px;padding:var(--space-1) var(--space-2)}.btn-sm,.btn-xs{border-radius:6px;font-size:var(--font-size-xs)}.btn-sm{min-height:28px;min-width:28px;padding:var(--space-1) var(--space-3)}.btn-md{border-radius:8px;font-size:var(--font-size-sm);min-height:36px;min-width:36px;padding:var(--space-2) var(--space-4)}.btn-lg{border-radius:10px;font-size:var(--font-size-base);min-height:44px;min-width:44px;padding:var(--space-3) var(--space-6)}.btn-xl{border-radius:12px;font-size:var(--font-size-md);min-height:52px;min-width:52px;padding:var(--space-4) var(--space-8)}.btn-icon{aspect-ratio:1/1;border-radius:8px;min-width:36px;padding:var(--space-2)}.btn-icon.btn-xs{min-width:24px}.btn-icon.btn-sm,.btn-icon.btn-xs{aspect-ratio:1/1;border-radius:6px;padding:var(--space-1)}.btn-icon.btn-sm{min-width:28px}.btn-icon.btn-lg{aspect-ratio:1/1;border-radius:10px;min-width:44px;padding:var(--space-3)}.btn-icon.btn-xl{aspect-ratio:1/1;border-radius:12px;min-width:52px;padding:var(--space-4)}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--text-white)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark);box-shadow:var(--shadow-sm)}.btn-primary-outline{background:var(--primary-bg);border-color:var(--primary);color:var(--primary)}.btn-primary-outline:hover:not(:disabled){background:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-sm);color:var(--text-white);transform:translateY(-1px)}.btn-primary-ghost{background:var(--primary-bg);border-color:#0000;color:var(--primary)}.btn-primary-ghost:hover:not(:disabled){background:var(--primary);box-shadow:var(--shadow-sm);color:var(--text-white);transform:translateY(-1px)}.btn-success{background:var(--success);border-color:var(--success);color:var(--text-white)}.btn-success:hover:not(:disabled){background:var(--success-dark);border-color:var(--success-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-success-outline{background:var(--success-bg);border-color:var(--success);color:var(--success)}.btn-success-outline:hover:not(:disabled){background:var(--success);border-color:var(--success);box-shadow:var(--shadow-sm);color:var(--text-white);transform:translateY(-1px)}.btn-success-ghost{background:var(--success-bg);border-color:#0000;color:var(--success)}.btn-success-ghost:hover:not(:disabled){background:var(--success);box-shadow:var(--shadow-sm);color:var(--text-white);transform:translateY(-1px)}.btn-danger{background:var(--danger);border-color:var(--danger);color:var(--text-white)}.btn-danger:hover:not(:disabled){background:var(--danger-dark);border-color:var(--danger-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-danger-outline{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.btn-danger-outline:hover:not(:disabled){background:var(--danger);border-color:var(--danger);box-shadow:var(--shadow-sm);color:var(--text-white);transform:translateY(-1px)}.btn-danger-ghost{background:var(--danger-bg);border-color:#0000;color:var(--danger)}.btn-danger-ghost:hover:not(:disabled){background:var(--danger);box-shadow:var(--shadow-sm);color:var(--text-white);transform:translateY(-1px)}.btn-warning{background:var(--warning);border-color:var(--warning);color:var(--text-white)}.btn-warning:hover:not(:disabled){background:var(--warning-dark);border-color:var(--warning-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-warning-outline{background:var(--warning-bg);border-color:var(--warning);color:var(--warning)}.btn-warning-outline:hover:not(:disabled){background:var(--warning);border-color:var(--warning);box-shadow:var(--shadow-sm);color:var(--text-white);transform:translateY(-1px)}.btn-warning-ghost{background:var(--warning-bg);border-color:#0000;color:var(--warning)}.btn-warning-ghost:hover:not(:disabled){background:var(--warning);box-shadow:var(--shadow-sm);color:var(--text-white);transform:translateY(-1px)}.btn-info{background:var(--info);border-color:var(--info);color:var(--text-white)}.btn-info:hover:not(:disabled){background:var(--info-dark);border-color:var(--info-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-info-outline{background:var(--info-bg);border-color:var(--info);color:var(--info)}.btn-info-outline:hover:not(:disabled){background:var(--info);border-color:var(--info);box-shadow:var(--shadow-sm);color:var(--text-white);transform:translateY(-1px)}.btn-info-ghost{background:var(--info-bg);border-color:#0000;color:var(--info)}.btn-info-ghost:hover:not(:disabled){background:var(--info);box-shadow:var(--shadow-sm);color:var(--text-white);transform:translateY(-1px)}.btn-purple{background:var(--purple);border-color:var(--purple);color:var(--text-white)}.btn-purple:hover:not(:disabled){background:var(--purple-dark);border-color:var(--purple-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-purple-outline{background:var(--purple-bg);border-color:var(--purple);color:var(--purple)}.btn-purple-outline:hover:not(:disabled){background:var(--purple);border-color:var(--purple);box-shadow:var(--shadow-sm);color:var(--text-white);transform:translateY(-1px)}.btn-purple-ghost{background:var(--purple-bg);border-color:#0000;color:var(--purple)}.btn-purple-ghost:hover:not(:disabled){background:var(--purple);box-shadow:var(--shadow-sm);color:var(--text-white);transform:translateY(-1px)}.btn-blue{background:var(--blue-primary);border-color:var(--blue-primary);color:var(--text-white)}.btn-blue:hover:not(:disabled){background:var(--blue-dark);border-color:var(--blue-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-blue-outline{background:var(--blue-bg);border-color:var(--blue-primary);color:var(--blue-primary)}.btn-blue-outline:hover:not(:disabled){background:var(--blue-primary);border-color:var(--blue-primary);box-shadow:var(--shadow-sm);color:var(--text-white);transform:translateY(-1px)}.btn-blue-ghost{background:var(--blue-bg);border-color:#0000;color:var(--blue-primary)}.btn-blue-ghost:hover:not(:disabled){background:var(--blue-primary);box-shadow:var(--shadow-sm);color:var(--text-white);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-secondary-outline{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}.btn-secondary-outline:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-secondary-ghost{background:var(--bg-tertiary);border-color:#0000;color:var(--text-secondary)}.btn-secondary-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}.btn-link{background:#0000;border-color:#0000;color:var(--primary);text-decoration:underline}.btn-link:hover:not(:disabled){color:var(--primary-dark);text-decoration:none}.btn-link:disabled{opacity:.5}.btn-loading{color:#0000!important;pointer-events:none;position:relative}.btn-loading:after{animation:spin .8s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid #0000;content:"";height:16px;position:absolute;width:16px}.btn-loading.btn-xs:after{border-width:2px;height:10px;width:10px}.btn-loading.btn-sm:after{border-width:2px;height:12px;width:12px}.btn-loading.btn-lg:after{border-width:3px;height:20px;width:20px}.btn-loading.btn-xl:after{border-width:3px;height:24px;width:24px}.btn-block{display:flex;width:100%}.btn-inline{border-radius:6px;font-size:var(--font-size-xs);min-height:24px;min-width:24px;padding:var(--space-1) var(--space-3)}.btn-group{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px}.btn-group-vertical{align-items:stretch;display:inline-flex;flex-direction:column;gap:8px}.btn-group .btn,.btn-group-vertical .btn{border-radius:8px;border-right-width:1px}.btn-group .btn:first-child,.btn-group .btn:last-child,.btn-group .btn:not(:first-child):not(:last-child),.btn-group-vertical .btn:first-child,.btn-group-vertical .btn:last-child,.btn-group-vertical .btn:not(:first-child):not(:last-child){border-radius:8px}.btn-icon svg{flex-shrink:0;height:1em;width:1em}.btn .btn-icon-left{margin-right:var(--space-2)}.btn .btn-icon-right{margin-left:var(--space-2)}.btn-sm .btn-icon-left,.btn-sm .btn-icon-right,.btn-xs .btn-icon-left,.btn-xs .btn-icon-right{margin:0 var(--space-1)}.btn-blue,.btn-blue-ghost,.btn-blue-ghost:hover:not(:disabled),.btn-blue-outline,.btn-blue-outline:hover:not(:disabled),.btn-blue.btn-loading:after,.btn-danger,.btn-danger-ghost,.btn-danger-ghost:hover:not(:disabled),.btn-danger-outline,.btn-danger-outline:hover:not(:disabled),.btn-danger.btn-loading:after,.btn-info,.btn-info-ghost,.btn-info-ghost:hover:not(:disabled),.btn-info-outline,.btn-info-outline:hover:not(:disabled),.btn-info.btn-loading:after,.btn-primary,.btn-primary-ghost,.btn-primary-ghost:hover:not(:disabled),.btn-primary-outline,.btn-primary-outline:hover:not(:disabled),.btn-primary.btn-loading:after,.btn-purple,.btn-purple-ghost,.btn-purple-ghost:hover:not(:disabled),.btn-purple-outline,.btn-purple-outline:hover:not(:disabled),.btn-purple.btn-loading:after,.btn-success,.btn-success-ghost,.btn-success-ghost:hover:not(:disabled),.btn-success-outline,.btn-success-outline:hover:not(:disabled),.btn-success.btn-loading:after,.btn-warning,.btn-warning-ghost,.btn-warning-ghost:hover:not(:disabled),.btn-warning-outline,.btn-warning-outline:hover:not(:disabled),.btn-warning.btn-loading:after{color:var(--text-white)}.btn-blue-outline.btn-loading:after,.btn-danger-outline.btn-loading:after,.btn-info-outline.btn-loading:after,.btn-primary-outline.btn-loading:after,.btn-purple-outline.btn-loading:after,.btn-success-outline.btn-loading:after,.btn-warning-outline.btn-loading:after{color:currentColor}@media (max-width:768px){.btn-group,.btn-group-vertical{gap:6px}}.input-container{flex-direction:column;width:100%}.input-container,.input-label{display:flex;gap:var(--space-1)}.input-label{align-items:center;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.input-required{color:var(--danger);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.input-wrapper{align-items:center;background:var(--bg-input)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;display:flex;min-height:40px;overflow:hidden;position:relative;transition:border-color .2s,box-shadow .2s}.input-wrapper:hover:not(.input-disabled){border-color:var(--border-dark)}.input-focused .input-wrapper{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--border-focus)}.input-error .input-wrapper{border-color:var(--danger)!important;box-shadow:0 0 0 3px var(--danger-bg)}.input-disabled .input-wrapper{cursor:not-allowed;opacity:.6}.input-readonly .input-wrapper{background:var(--bg-tertiary)}.input-field{-webkit-text-fill-color:var(--text-primary)!important;background:#0000!important;border:none!important;box-shadow:none!important;caret-color:var(--text-primary)!important;color:var(--text-primary)!important;flex:1 1;font-family:var(--font-family);font-size:13px;height:100%;line-height:1.5;min-height:36px;min-width:0;outline:none!important;padding:8px 12px;width:100%}.input-field::placeholder{-webkit-text-fill-color:var(--text-placeholder)!important;color:var(--text-placeholder)!important;font-style:normal!important;font-weight:400!important;opacity:1!important}.input-field:disabled{cursor:not-allowed}.input-field:read-only{cursor:default}.input-field[type=textarea]{height:auto;min-height:60px;padding:8px 12px;resize:vertical}.input-xs .input-wrapper{max-width:100px!important;min-height:28px}.input-xs .input-field{font-size:11px;max-width:160px!important;min-height:22px;padding:2px 6px}.input-xs .input-icon-left,.input-xs .input-icon-right{padding:0 2px}.input-xs .input-icon-left svg,.input-xs .input-icon-right svg{height:14px;width:14px}.input-xs .input-clear-btn,.input-xs .input-password-toggle{padding:1px}.input-sm .input-wrapper{min-height:32px}.input-sm .input-field{font-size:12px;min-height:28px;padding:4px 8px}.input-sm .input-icon-left,.input-sm .input-icon-right{padding:0 4px}.input-sm .input-icon-left svg,.input-sm .input-icon-right svg{height:14px;width:14px}.input-sm .input-clear-btn,.input-sm .input-password-toggle{padding:2px}.input-md .input-wrapper{min-height:40px}.input-md .input-field{font-size:13px;min-height:36px;padding:8px 12px}.input-md .input-icon-left,.input-md .input-icon-right{padding:0 8px}.input-md .input-icon-left svg,.input-md .input-icon-right svg{height:16px;width:16px}.input-lg .input-wrapper{min-height:48px}.input-lg .input-field{font-size:14px;min-height:44px;padding:10px 16px}.input-lg .input-icon-left,.input-lg .input-icon-right{padding:0 12px}.input-lg .input-icon-left svg,.input-lg .input-icon-right svg{height:18px;width:18px}.input-default .input-wrapper{background:var(--bg-input)!important;border:1px solid var(--border-color)!important;border-radius:8px!important}.input-ghost .input-wrapper{background:#0000!important;border:1px solid #0000!important;border-radius:8px!important}.input-ghost .input-wrapper:hover:not(.input-disabled){background:var(--bg-tertiary);border-color:var(--border-color)}.input-ghost.input-focused .input-wrapper{background:var(--bg-input);border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-bg)}.input-bordered .input-wrapper{background:var(--bg-input)!important;border:2px solid var(--border-color)!important;border-radius:8px!important}.input-bordered.input-focused .input-wrapper{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-bg)}.custom-combobox{position:relative;width:100%;z-index:10}.custom-combobox>div{background:#f8fafc;border:2px solid #e8edf3;border-radius:8px;position:relative;transition:border-color .2s ease,box-shadow .2s ease;z-index:10}.custom-combobox>div:hover{border-color:#d0d9e6}.custom-combobox>div:focus-within{border-color:#ff8c42;box-shadow:0 0 0 3px #ff8c421a}.custom-combobox input{background:#0000!important;border:none!important;color:#1a2332;font-family:inherit;min-width:0;outline:none!important;width:100%}.custom-combobox input::placeholder{color:#9aabb8}.custom-combobox input:disabled{cursor:not-allowed;opacity:.6}.custom-combobox svg{color:#8a9bb5;flex-shrink:0;transition:transform .2s ease}.custom-combobox svg.open{transform:rotate(180deg)}.custom-combobox .dropdown-portal{background:#fff;border:1px solid #e8edf3;border-radius:8px;box-shadow:0 4px 20px #00000026;list-style:none;margin:0;min-width:100px;overflow-y:auto;padding:4px 0;position:fixed!important;z-index:99999!important}.custom-combobox .dropdown-option{color:#4a5a6e;cursor:pointer;font-size:13px;overflow:hidden;padding:8px 14px;text-overflow:ellipsis;transition:background .15s ease,color .15s ease;white-space:nowrap}.custom-combobox .dropdown-option.highlighted,.custom-combobox .dropdown-option:hover{background:#f1f4f9;color:#1a2332}.custom-combobox .dropdown-option.selected{background:#ff8c4214;color:#ff8c42;font-weight:600}.custom-combobox .dropdown-option.empty{color:#8a9bb5;cursor:default;padding:12px 16px;text-align:center}.custom-combobox .dropdown-option.empty:hover{background:#0000}.custom-combobox .dropdown-portal::-webkit-scrollbar{width:4px}.custom-combobox .dropdown-portal::-webkit-scrollbar-track{background:#f1f4f9;border-radius:4px}.custom-combobox .dropdown-portal::-webkit-scrollbar-thumb{background:#d0d9e6;border-radius:4px}.custom-combobox .dropdown-portal::-webkit-scrollbar-thumb:hover{background:#b0c0d0}.custom-combobox-sm>div{height:32px!important;min-height:32px!important;padding:0 8px!important}.custom-combobox-sm input{font-size:12px!important;padding:4px 0!important}.custom-combobox-sm svg{height:14px!important;width:14px!important}.custom-combobox-sm .dropdown-option{font-size:12px!important;padding:6px 12px!important}.custom-combobox-md>div{height:40px!important;min-height:40px!important;padding:0 12px!important}.custom-combobox-md input{font-size:13px!important;padding:8px 0!important}.custom-combobox-md svg{height:18px!important;width:18px!important}.custom-combobox-md .dropdown-option{font-size:13px!important;padding:8px 14px!important}.custom-combobox-lg>div{height:48px!important;min-height:48px!important;padding:0 16px!important}.custom-combobox-lg input{font-size:15px!important;padding:10px 0!important}.custom-combobox-lg svg{height:20px!important;width:20px!important}.custom-combobox-lg .dropdown-option{font-size:15px!important;padding:10px 16px!important}.custom-combobox.bordered>div{background:#fff;border:2px solid #e8edf3}.custom-combobox.bordered>div:focus-within{border-color:#ff8c42;box-shadow:0 0 0 3px #ff8c4214}.custom-combobox.ghost>div{background:#0000;border-color:#0000}.custom-combobox.ghost>div:hover{border-color:#e8edf3}.custom-combobox.ghost>div:focus-within{border-color:#ff8c42}.custom-combobox.error>div{border-color:#ef4444}.custom-combobox.error>div:focus-within{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.custom-combobox.combobox-dropup .dropdown-portal{transform-origin:bottom left!important}.inventory-table-container .custom-combobox .dropdown-portal,.items-table-container .custom-combobox .dropdown-portal{bottom:100%!important;margin-bottom:4px;top:auto!important}.custom-combobox.combobox-compact{flex:0 0 140px!important;max-width:140px!important;min-width:140px!important;width:140px!important}.custom-combobox.combobox-compact>div{width:100%!important}.custom-combobox.combobox-compact input{font-size:12px!important}@media (max-width:768px){.custom-combobox.combobox-compact{flex:1 1 100%!important;max-width:100%!important;min-width:0!important;width:100%!important}.custom-combobox .dropdown-portal{min-width:80px}.custom-combobox .dropdown-option{font-size:12px!important;padding:6px 10px!important}.custom-combobox-sm .dropdown-option{font-size:11px!important;padding:4px 8px!important}}@media (max-width:480px){.custom-combobox .dropdown-portal{min-width:60px}.custom-combobox .dropdown-option{font-size:11px!important;padding:4px 8px!important}}@media (prefers-color-scheme:dark){.custom-combobox>div{background:#1a2332;border-color:#2a3344}.custom-combobox>div:hover{border-color:#3a4a5e}.custom-combobox input{color:#e8edf3}.custom-combobox input::placeholder,.custom-combobox svg{color:#6b7a8f}.custom-combobox .dropdown-portal{background:#1a2332;border-color:#2a3344}.custom-combobox .dropdown-option{color:#8a9bb5}.custom-combobox .dropdown-option.highlighted,.custom-combobox .dropdown-option:hover{background:#0f1624;color:#e8edf3}.custom-combobox .dropdown-option.selected{background:#ff8c4226;color:#ff8c42}.custom-combobox .dropdown-option.empty{color:#6b7a8f}.custom-combobox .dropdown-portal::-webkit-scrollbar-track{background:#0f1624}.custom-combobox .dropdown-portal::-webkit-scrollbar-thumb{background:#2a3344}.custom-combobox .dropdown-portal::-webkit-scrollbar-thumb:hover{background:#3a4a5e}}.input-icon-left{padding:0 4px 0 8px}.input-icon-left,.input-icon-right{align-items:center;color:var(--text-muted);display:flex;flex-shrink:0;justify-content:center;pointer-events:none}.input-icon-right{padding:0 8px 0 4px}.input-with-icon .input-field{padding-left:4px}.input-with-icon-right .input-field{padding-right:4px}.input-clear-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:var(--transition-fast)}.input-clear-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.input-password-toggle{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:var(--transition-fast)}.input-password-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.input-char-counter{color:var(--text-dim);flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:0 var(--space-2);white-space:nowrap}.input-helper{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-size-xs);gap:var(--space-1);margin-top:var(--space-1);padding:0 var(--space-1)}.input-helper-error{color:var(--danger)}.input-helper-error svg{color:var(--danger);flex-shrink:0}.input-helper-help{color:var(--text-muted)}.input-date .input-wrapper{background:var(--bg-input)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;min-height:40px}.input-date .input-field[type=date]{background:#0000!important;border:none!important;color:var(--text-primary);font-size:13px;line-height:1.5;min-height:36px;outline:none!important;padding:8px 12px;width:100%}.input-date .input-field[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.3);opacity:.7;padding:4px;-webkit-transition:var(--transition-fast);transition:var(--transition-fast)}.input-date .input-field[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.input-date .input-field[type=date]{appearance:textfield;-moz-appearance:textfield}@media (max-width:768px){.input-lg .input-wrapper{min-height:40px}.input-lg .input-field{font-size:13px;min-height:36px;padding:8px 12px}}.password-placeholder .input-field::placeholder{color:var(--text-placeholder)!important;font-style:italic;opacity:.8}.combobox-wide{flex:1 1!important}.combobox-wide,.combobox-wide>div{max-width:100%!important;width:100%!important}.combobox-wide>div{border-radius:8px!important;transition:all .2s ease!important}.combobox-wide>div:hover:not(.input-disabled){border-color:var(--border-hover)!important;box-shadow:0 0 0 2px #3b82f60d!important}.combobox-wide input{background:#0000!important;border:none!important;color:var(--text-primary)!important;font-family:inherit!important;min-width:0!important;outline:none!important;width:100%!important}.combobox-wide input::placeholder{color:var(--text-placeholder)!important;opacity:.8!important}.combobox-wide.combobox-sm,.custom-combobox-sm.combobox-wide{min-width:0!important}.combobox-wide.combobox-sm>div,.custom-combobox-sm.combobox-wide>div{height:32px!important;min-height:32px!important;padding:0 8px!important}.combobox-wide.combobox-sm input,.custom-combobox-sm.combobox-wide input{font-size:12px!important;height:28px!important;line-height:28px!important;min-height:28px!important;padding:4px 0!important}.combobox-wide.combobox-sm svg,.custom-combobox-sm.combobox-wide svg{height:14px!important;width:14px!important}.combobox-wide.combobox-md,.custom-combobox-md.combobox-wide{min-width:0!important}.combobox-wide.combobox-md>div,.custom-combobox-md.combobox-wide>div{height:40px!important;min-height:40px!important;padding:0 12px!important}.combobox-wide.combobox-md input,.custom-combobox-md.combobox-wide input{font-size:13px!important;height:36px!important;line-height:36px!important;min-height:36px!important;padding:8px 0!important}.combobox-wide.combobox-md svg,.custom-combobox-md.combobox-wide svg{height:16px!important;width:16px!important}.combobox-wide.combobox-lg,.custom-combobox-lg.combobox-wide{min-width:0!important}.combobox-wide.combobox-lg>div,.custom-combobox-lg.combobox-wide>div{height:48px!important;min-height:48px!important;padding:0 16px!important}.combobox-wide.combobox-lg input,.custom-combobox-lg.combobox-wide input{font-size:14px!important;height:44px!important;line-height:44px!important;min-height:44px!important;padding:10px 0!important}.combobox-wide.combobox-lg svg,.custom-combobox-lg.combobox-wide svg{height:18px!important;width:18px!important}.combobox-wide>div.input-disabled{cursor:not-allowed!important;opacity:.6!important}.combobox-wide>div.input-disabled:hover{border-color:var(--border-color)!important;box-shadow:none!important}.combobox-wide.input-error>div{border-color:var(--danger)!important;box-shadow:0 0 0 3px #ef44441a!important}.combobox-wide.input-error>div:hover{border-color:var(--danger)!important;box-shadow:0 0 0 3px #ef444426!important}.combobox-wide>div:focus-within{border-color:var(--border-focus)!important;box-shadow:0 0 0 3px #3b82f61a!important}.combobox-wide .combobox-dropdown{max-width:100%!important;min-width:0!important;width:100%!important}@media (max-width:768px){.combobox-wide,.combobox-wide>div{max-width:100%!important;width:100%!important}}.spinner-loader{animation:spin .8s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary);display:inline-block;height:40px;width:40px}.spinner-loader-sm{border-width:2px;height:24px;width:24px}.spinner-loader-lg{border-width:4px;height:56px;width:56px}.spinner-loader-xl{border-width:5px;height:72px;width:72px}.spinner-overlay{align-items:center;background:var(--bg-primary);bottom:0;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-max)}.spinner-overlay-dark{background:#080810}.spinner-btn{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;margin-right:var(--space-2);vertical-align:middle;width:18px}.spinner-btn-secondary{border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-top-color:var(--primary)}.spinner-container{align-items:center;background:var(--bg-secondary);border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;min-height:200px;padding:var(--space-8)}.spinner-container .spinner-message{animation:pulse 1.5s ease-in-out infinite;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.spinner-brand{align-items:center;display:flex;flex-direction:column;gap:var(--space-6)}.spinner-brand .spinner-loader{border-color:var(--border-color);border-top-color:var(--primary);height:48px;width:48px}.spinner-brand .brand-text{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.spinner-brand .brand-text .highlight{color:var(--primary)}.spinner-brand .sub-text{color:var(--text-muted);font-size:var(--font-size-sm)}.spinner-primary{border-color:var(--border-color);border-top-color:var(--primary)}.spinner-blue{border-color:var(--border-color);border-top-color:var(--blue-primary)}.spinner-success{border-color:var(--border-color);border-top-color:var(--success)}.spinner-danger{border-color:var(--border-color);border-top-color:var(--danger)}.spinner-purple{border-color:var(--border-color);border-top-color:var(--purple)}.spinner-white{border-color:#fff #fff3 #fff3}.spinner-pulse{animation:spin .8s linear infinite,pulse 1.5s ease-in-out infinite}.spinner-bounce{animation:spin .8s linear infinite,bounce .5s ease infinite}.spinner-glow{animation:spin .8s linear infinite;border-color:var(--border-color);border-top-color:var(--primary);box-shadow:0 0 20px #f9731633}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:var(--bg-tertiary);background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:var(--radius-sm)}.skeleton-text{border-radius:4px;height:12px}.skeleton-circle{border-radius:50%}.skeleton-card{border-radius:var(--radius);min-height:100px}.spinner-app-loading{background:var(--bg-primary)}.spinner-app-loading,.spinner-auth-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.spinner-auth-loading{background:#080810}.spinner-status-loading{align-items:center;background:var(--bg-primary);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.landing-container{background-color:var(--bg-body);color:var(--text-primary);font-family:var(--font-family);line-height:1.6}.landing-container *{box-sizing:border-box;margin:0;padding:0}a,body,div,h1,h2,h3,h4,h5,h6,li,p,span{font-display:swap}.landing-header{align-items:center;backdrop-filter:blur(8px);background:#fffffff2;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:100%;padding:.15rem 5% .4rem .75rem;position:sticky;top:0;z-index:var(--z-dropdown)}.landing-header .logo{align-items:center;display:flex;gap:0;text-decoration:none}.landing-animated-logo{display:block;height:70px;transition:transform .3s ease;width:auto}.landing-animated-logo:hover{transform:scale(1.05) rotate(-2deg)}.logo-idon,.logo-on{font-size:1.8rem;font-weight:var(--font-weight-extrabold);letter-spacing:-1px;line-height:1}.logo-idon{color:#1a202c}.logo-idon,.logo-on{font-family:Syne,sans-serif}.logo-on{color:var(--primary)}.logo-idon,.logo-on{padding-bottom:2px}.main-nav{align-items:center;display:flex;flex-wrap:wrap;gap:2rem}.main-nav a{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:.25rem 0;position:relative;text-decoration:none;transition:var(--transition)}.main-nav a:after{background:var(--primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:var(--transition);width:0}.main-nav a:hover{color:var(--blue-primary)}.main-nav a:hover:after{width:100%}.btn-login{background:var(--primary);border:2px solid var(--primary);border-radius:50px;font-weight:var(--font-weight-semibold)!important;padding:.4rem 1.4rem!important;transition:var(--transition)!important}.btn-login,.btn-login:hover{color:var(--text-white)!important}.btn-login:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-login:hover:after{width:0!important}.landing-main{margin:0 auto;max-width:100%;padding:2rem 2%}.landing-main h1{color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.02em;line-height:1.2;margin-bottom:1rem}.lead{border-left:4px solid var(--primary);color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);line-height:1.8;margin-bottom:2rem;max-width:850px;padding-left:1.5rem}.lead a{border-bottom:2px solid #0000;color:var(--primary);font-weight:var(--font-weight-semibold);padding:0 2px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.lead a:hover{border-bottom-color:var(--primary);color:var(--primary-dark);transform:translateY(-1px)}.lead a:last-of-type{border-bottom-color:var(--blue-primary);color:var(--blue-primary);font-weight:var(--font-weight-bold)}.lead a:last-of-type:hover{border-bottom-color:var(--primary);color:var(--primary)}.lead strong{color:var(--text-primary);font-weight:var(--font-weight-bold)}.lead .link-separator{color:var(--text-muted);margin:0 2px}@media (max-width:768px){.lead{font-size:var(--font-size-base);line-height:1.7;padding-left:1rem}.lead a{display:inline;white-space:normal}}.images-grid{grid-gap:1.5rem;align-items:start;contain:layout style;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;justify-items:center}.landing-image{aspect-ratio:634/272;background-color:var(--bg-body);border:1px solid var(--border-light);border-radius:5px;box-shadow:var(--shadow-md);height:auto;max-width:100%;object-fit:contain;transition:var(--transition);width:100%}.landing-image:hover{box-shadow:var(--shadow-lg);transform:scale(1.02)}.features-grid{grid-gap:1rem;contain:layout style paint;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:1rem 0;min-height:380px}.feature-card{background:var(--bg-card);padding:1.5rem}.feature-card,.feature-card-prices{border:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:var(--transition)}.feature-card-prices{background:var(--bg-secondary);padding:.5rem}.feature-card:hover{background:var(--bg-secondary);border-color:var(--border-primary);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.feature-card h2,.feature-card h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:.8rem}.feature-card h3{font-size:var(--font-size-lg)}.feature-card p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.7}.feature-card ul{list-style:none;padding:0}.feature-card ul li{border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-size:var(--font-size-base);padding:.4rem 0}.feature-card ul li:last-child{border-bottom:none}.audience-section{background:var(--bg-primary);border-radius:var(--radius);margin:1rem 0;padding:1rem}.audience-section h2{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:.2rem}.audience-section>p{color:var(--text-secondary);font-size:var(--font-size-md);margin-bottom:1rem}.audience-section ul{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));list-style:none;padding:0}.audience-section ul li{background:var(--bg-card);border-left:4px solid var(--primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--text-secondary);font-size:var(--font-size-base);padding:1rem 1.5rem}.audience-section ul li strong{color:var(--blue-primary);display:block;margin-bottom:.2rem}.cta-section{background:var(--bg-card);border-radius:var(--radius);box-shadow:0 20px 40px #1a3a5c4d;color:var(--text-primary);margin:3rem 0 0;padding:1rem 2rem;text-align:center}.cta-section h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:.8rem}.cta-section p{font-size:var(--font-size-sm);line-height:1.6;margin:0 auto 2rem;max-width:600px;opacity:.9}.cta-button{background:var(--success);border:none;border-radius:50px;color:var(--text-white)!important;cursor:pointer;display:inline-block;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);padding:.9rem 3rem;text-decoration:none;transition:var(--transition)}.cta-button:hover{background:var(--primary-dark);transform:scale(1.04)}.cta-button-prices{background:var(--success);border:none;border-radius:50px;color:var(--text-white)!important;cursor:pointer;display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:.5rem 3rem;text-decoration:none;transition:var(--transition)}.cta-button-prices:hover{background:var(--primary-dark);transform:scale(1.04)}.contact-form h2,.contact-info h2{color:var(--text-primary);font-size:var(--font-size-2xl);margin-bottom:1.5rem}.contact-info p{border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-size:var(--font-size-base);padding:.5rem 0}.contact-form form{display:flex;flex-direction:column;gap:1rem}.contact-form input,.contact-form textarea{padding:.8rem}.contact-form input:focus,.contact-form textarea:focus{outline:none}@media (max-width:1024px){.landing-main h1{font-size:var(--font-size-3xl)}.lead{font-size:var(--font-size-md)}.features-grid{grid-template-columns:1fr 1fr}.cta-section h2{font-size:var(--font-size-2xl)}.contact-grid{gap:2rem}}@media (max-width:768px){.landing-header{flex-direction:column;gap:.8rem;padding:.8rem 1.5rem}.logo{font-size:1.6rem}.main-nav{gap:.8rem 1.2rem;justify-content:center;width:100%}.main-nav a{font-size:var(--font-size-sm)}.btn-login{font-size:var(--font-size-xs)!important;padding:.3rem 1rem!important}.landing-main{padding:2rem 1.5rem 3rem}.landing-main h1{font-size:var(--font-size-2xl)}.lead{font-size:var(--font-size-base);padding-left:1rem}.features-grid{gap:1.5rem;grid-template-columns:1fr}.feature-card{padding:1.5rem}.audience-section{padding:2rem 1.5rem}.audience-section h2{font-size:var(--font-size-xl)}.audience-section ul{grid-template-columns:1fr}.cta-section{padding:2.5rem 1.5rem}.cta-section h2{font-size:var(--font-size-xl)}.cta-button,.cta-section p{font-size:var(--font-size-base)}.cta-button{padding:.8rem 2.2rem}.contact-grid{gap:2rem;grid-template-columns:1fr}.contact-form h2,.contact-info h2{font-size:var(--font-size-xl)}.images-grid{gap:1rem;grid-template-columns:1fr}.landing-image{height:auto;max-width:100%}}@media (max-width:480px){.landing-main h1{font-size:var(--font-size-xl)}.lead{font-size:var(--font-size-sm)}.main-nav{gap:.5rem .8rem}.main-nav a{font-size:.75rem}.btn-login{font-size:.7rem!important;padding:.2rem .8rem!important}.cta-section h2{font-size:var(--font-size-lg)}.cta-button,.cta-button-prices{font-size:var(--font-size-sm);padding:.6rem 1.5rem}.feature-card-prices{padding:.8rem}.audience-section ul li{font-size:var(--font-size-sm);padding:.8rem}.contact-form input,.contact-form textarea{font-size:var(--font-size-sm);padding:.6rem}}@media (min-width:1024px){.images-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin:0;max-width:100%;padding:0;width:100%}.images-grid .landing-image{border-radius:0;box-shadow:none;height:auto;object-fit:content;width:100%}}.feature-card-prices ul li{align-items:center;border-bottom:1px solid var(--border-light);color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:.5rem;padding:.4rem 0}.feature-card-prices ul li:last-child{border-bottom:none}.feature-card-prices ul li svg{flex-shrink:0}.modules-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.modules-grid div{background:var(--bg-card);border-left:4px solid var(--primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:1rem}.contact-container{margin:0 auto;max-width:100%;padding:0}.contact-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:3rem 0}.contact-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:2rem;transition:var(--transition)}.contact-card:hover{box-shadow:var(--shadow-md)}.contact-card h2{align-items:center;color:var(--blue-primary);display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);gap:.5rem;margin-bottom:1.5rem}.contact-card h2 svg{flex-shrink:0}.contact-info-list{list-style:none;margin:0;padding:0}.contact-info-list li{align-items:center;border-bottom:1px solid var(--border-light);color:var(--text-secondary);display:flex;font-size:var(--font-size-base);gap:1rem;padding:.8rem 0}.contact-info-list li:last-child{border-bottom:none}.contact-info-list li svg{color:var(--primary);flex-shrink:0}.contact-info-list li strong{color:var(--text-primary);font-weight:var(--font-weight-semibold);min-width:70px}.contact-info-list li a{color:var(--text-secondary);text-decoration:none;transition:var(--transition)}.contact-info-list li a:hover{color:var(--primary)}.contact-badge{align-items:center;background:var(--primary-bg);border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem;margin-top:2rem;padding:1rem}.contact-badge svg{color:var(--primary);flex-shrink:0}.contact-form{display:flex;flex-direction:column;gap:1.2rem}.contact-form input,.contact-form textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-input);font-family:var(--font-family);font-size:var(--font-size-base);outline:none;padding:.8rem 1rem;transition:var(--transition);width:100%}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.contact-form textarea{min-height:120px;resize:vertical}.contact-form .btn-submit{background:var(--primary);border:none;border-radius:50px;color:var(--text-white);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);padding:.9rem 2rem;transition:var(--transition)}.contact-form .btn-submit:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:scale(1.02)}.contact-form .btn-submit:disabled{cursor:not-allowed;opacity:.7;transform:none}.contact-form .form-note{color:var(--text-muted);font-size:.8rem;margin-top:.5rem;text-align:center}.contact-trust{background:var(--bg-primary);border-radius:var(--radius);margin-top:2rem;padding:2rem;text-align:center}.contact-trust h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:.5rem}.contact-trust p{color:var(--text-secondary);font-size:var(--font-size-md);margin:0 auto 1.5rem;max-width:600px}.contact-trust .btn-whatsapp{align-items:center;background:#25d366;border:none;border-radius:50px;color:var(--text-white);cursor:pointer;display:inline-flex;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);gap:.5rem;padding:.8rem 2rem;text-decoration:none;transition:var(--transition)}.contact-trust .btn-whatsapp:hover{box-shadow:0 8px 20px #25d36666;transform:scale(1.04)}@media (max-width:1024px){.contact-grid{gap:2rem}.contact-card{padding:1.5rem}.contact-card h2{font-size:var(--font-size-xl)}}@media (max-width:768px){.contact-container{padding:1.5rem}.contact-grid{gap:2rem;grid-template-columns:1fr}.contact-card{padding:1.5rem}.contact-card h2{font-size:var(--font-size-lg)}.contact-info-list li{flex-wrap:wrap;font-size:var(--font-size-sm);padding:.6rem 0}.contact-info-list li strong{min-width:60px}.contact-form input,.contact-form textarea{font-size:var(--font-size-sm);padding:.7rem .9rem}.contact-form .btn-submit{font-size:var(--font-size-base);padding:.8rem 1.5rem}.contact-trust{padding:1.5rem}.contact-trust h2{font-size:var(--font-size-xl)}.contact-trust p{font-size:var(--font-size-sm)}}@media (max-width:480px){.contact-container{padding:0}.contact-grid{gap:1.5rem}.contact-card{border-radius:var(--radius-sm);padding:1rem}.contact-card h2{font-size:var(--font-size-lg);margin-bottom:1rem}.contact-info-list li{flex-wrap:wrap;font-size:var(--font-size-xs);gap:.6rem;padding:.5rem 0}.contact-info-list li strong{min-width:50px}.contact-info-list li svg{height:16px;width:16px}.contact-badge{flex-wrap:wrap;font-size:.75rem;padding:.8rem}.contact-form input,.contact-form textarea{font-size:var(--font-size-xs);padding:.6rem .8rem}.contact-form textarea{min-height:100px}.contact-form .btn-submit{font-size:var(--font-size-sm);padding:.7rem 1.2rem}.contact-form .form-note{font-size:.7rem}.contact-trust{padding:1.2rem}.contact-trust h2{font-size:var(--font-size-lg)}.contact-trust p{font-size:var(--font-size-xs)}.contact-trust .btn-whatsapp{font-size:var(--font-size-sm);justify-content:center;padding:.6rem 1.2rem;width:100%}}@media (min-width:1400px){.contact-container{max-width:1200px;padding:0}.contact-grid{gap:4rem}.contact-card{padding:2.5rem}}@media (hover:none) and (pointer:coarse){.contact-form .btn-submit,.contact-form input,.contact-form textarea,.contact-trust .btn-whatsapp{min-height:48px}.contact-info-list li{padding:.8rem 0}}.blog-container{margin:0 auto;max-width:100%;padding:0}.blog-title{color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.02em;margin-bottom:.5rem}.blog-subtitle{border-left:4px solid var(--primary);color:var(--text-secondary);font-size:var(--font-size-lg);line-height:1.7;margin-bottom:2.5rem;max-width:750px;padding-left:1.5rem}.blog-subtitle strong{color:var(--blue-primary)}.blog-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0}.blog-card{background:var(--bg-secondary);border:var(--bg-secondary);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:var(--transition)}.blog-card:hover{border-color:var(--border-primary);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.blog-card.has-image{flex-direction:row;grid-column:span 2}.blog-card-content{display:flex;flex:1 1;flex-direction:column;padding:.7rem .7rem 1rem}.blog-card.has-image .blog-card-content{flex:0 0 40%;order:1;padding:1.5rem}.blog-card-image{background:#f0f2f5;flex-shrink:0;margin-bottom:.75rem;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.blog-card.has-image .blog-card-image{flex:0 0 60%;height:100%;margin-bottom:0;min-height:300px;order:0;padding-top:0}.blog-card-image img{height:100%;left:0;object-fit:content;position:absolute;top:0;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.blog-card.has-image .blog-card-image img{height:100%;object-fit:content;position:relative;width:100%}.blog-card-image .blog-card-type-badge{backdrop-filter:blur(4px);background:#000000b3;border:1px solid #ffffff26;border-radius:50px;color:#fff;left:12px;letter-spacing:.02em;padding:.25rem .75rem;position:absolute;top:12px;z-index:2}.blog-card-image .blog-card-type-badge,.blog-card-type{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.blog-card-type{align-self:flex-start;background:#ebf5ff;border-radius:50px;color:var(--primary);display:inline-block;letter-spacing:.04em;margin-bottom:.2rem;padding:0 .4rem;text-transform:uppercase}.blog-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1.3;margin-bottom:.75rem;overflow:hidden;transition:var(--transition)}.blog-card:hover h3{color:var(--blue-primary)}.blog-card p{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;flex:1 1;font-size:var(--font-size-base);line-height:1.7;margin-bottom:1rem;overflow:hidden;text-align:justify}.blog-card.has-image p{-webkit-line-clamp:6}.blog-meta{border-top:1px solid var(--border-light);flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-top:.8rem;padding-top:.8rem}.blog-date,.blog-meta{align-items:center;display:flex}.blog-date{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:4px}.blog-date svg{flex-shrink:0}.blog-highlight{align-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:50px;color:#fff;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:4px;letter-spacing:.02em;padding:.15rem .6rem}.blog-sources-section{background:#f8fafc;border:1px solid var(--border-light);border-radius:var(--radius);margin-top:3rem;padding:2.5rem 2rem;text-align:center}.blog-sources-section h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:.5rem}.blog-sources-section .sources-description{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:1.5rem}.sources-grid{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.sources-grid a{align-items:center;background:#fff;border:1px solid var(--border-light);border-radius:50px;color:var(--text-secondary);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:4px;padding:.4rem 1.2rem;text-decoration:none;transition:var(--transition)}.sources-grid a:hover{background:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-md);color:#fff;transform:scale(1.05)}.sources-grid a svg{flex-shrink:0}.blog-empty{color:var(--text-muted);padding:4rem 2rem;text-align:center}.blog-empty p{color:var(--text-secondary);font-size:var(--font-size-lg)}.blog-skeleton{width:100%}.blog-skeleton-heading{margin-bottom:2.5rem}.skeleton-block{animation:blog-skeleton-shimmer 1.4s ease-in-out infinite;background:linear-gradient(90deg,#edf1f5 25%,#f8fafc 50%,#edf1f5 75%);background-size:200% 100%;border-radius:6px}.skeleton-title{height:2.25rem;margin-bottom:1rem;width:min(280px,70%)}.skeleton-subtitle{height:1rem;margin-bottom:.65rem;width:min(750px,90%)}.skeleton-subtitle-short{width:min(480px,65%)}.blog-skeleton-card{min-height:390px;pointer-events:none}.blog-skeleton-image{border-radius:0;flex-shrink:0;height:170px;width:100%}.skeleton-type{height:1.1rem;margin-bottom:.85rem;width:92px}.skeleton-card-title{height:1.35rem;margin-bottom:1rem;width:82%}.skeleton-card-line{height:.8rem;margin-bottom:.65rem;width:100%}.skeleton-card-line-short{width:65%}.skeleton-meta{height:.75rem;margin-top:auto;width:38%}@keyframes blog-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.blog-error,.blog-loading{font-size:var(--font-size-lg);padding:4rem 2rem;text-align:center}.blog-loading{color:var(--text-secondary)}.blog-error{color:#dc2626}@media (prefers-reduced-motion:reduce){.skeleton-block{animation:none}}@media (max-width:1024px){.blog-title{font-size:var(--font-size-3xl)}.blog-subtitle{font-size:var(--font-size-md)}.blog-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.blog-card.has-image{grid-column:span 2}.blog-card.has-image .blog-card-content{flex:0 0 45%}.blog-card.has-image .blog-card-image{flex:0 0 55%;min-height:250px}}@media (max-width:768px){.blog-container{padding:0}.blog-title{font-size:var(--font-size-2xl)}.blog-subtitle{font-size:var(--font-size-base);margin-bottom:1.5rem;padding-left:1rem}.blog-grid{gap:1.5rem;grid-template-columns:1fr}.blog-card.has-image{display:grid;flex-direction:row;grid-column:span 1;grid-template-columns:1fr}.blog-card.has-image .blog-card-content{display:contents}.blog-card.has-image .blog-card-type{margin:1.2rem 1.2rem .6rem;order:1}.blog-card.has-image h3{font-size:var(--font-size-md);margin:0 1.2rem .75rem;order:2}.blog-card.has-image .blog-card-image{height:auto;margin:0 0 .75rem;min-height:0;order:3;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.blog-card.has-image .blog-card-image img{height:100%;left:0;object-fit:content;position:absolute;top:0;width:100%}.blog-card.has-image p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:var(--font-size-sm);line-height:1.7;margin:0 1.2rem 1rem;order:4;overflow:hidden;text-align:justify}.blog-card.has-image .blog-meta{align-items:flex-start;border-top:1px solid var(--border-light);flex-direction:column;gap:.3rem;margin:0 1.2rem 1.2rem;order:5;padding-top:.8rem}.blog-card:not(.has-image){display:flex;flex-direction:column}.blog-card:not(.has-image) .blog-card-content{display:flex;flex-direction:column;padding:1.2rem}.blog-card:not(.has-image) .blog-card-type{margin-bottom:.6rem;order:1}.blog-card:not(.has-image) h3{font-size:var(--font-size-md);margin-bottom:.75rem;order:2}.blog-card:not(.has-image) p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:var(--font-size-sm);line-height:1.7;margin-bottom:1rem;order:3;overflow:hidden;text-align:justify}.blog-card:not(.has-image) .blog-meta{align-items:flex-start;border-top:1px solid var(--border-light);flex-direction:column;gap:.3rem;margin-top:.8rem;order:4;padding-top:.8rem}.blog-card h3{font-size:var(--font-size-md)}.blog-card p{font-size:var(--font-size-sm)}.blog-sources-section{padding:1.5rem}.blog-sources-section h3{font-size:var(--font-size-lg)}.sources-grid{gap:.5rem}.sources-grid a{font-size:var(--font-size-xs);padding:.3rem .8rem}.blog-card-image .blog-card-type-badge{font-size:.65rem;left:8px;padding:.15rem .6rem;top:8px}}@media (max-width:480px){.blog-title{font-size:var(--font-size-xl)}.blog-subtitle{font-size:var(--font-size-sm);padding-left:.75rem}.blog-card-content{padding:1rem 1rem .8rem}.blog-card.has-image .blog-card-type{margin:1rem 1rem .4rem}.blog-card.has-image h3{margin:0 1rem .5rem}.blog-card.has-image p{margin:0 1rem .8rem}.blog-card.has-image .blog-meta{margin:0 1rem 1rem}.blog-card:not(.has-image) .blog-card-content{padding:1rem}.blog-card h3{font-size:var(--font-size-md)}.blog-card p{font-size:var(--font-size-sm);text-align:justify}.blog-date,.blog-source{font-size:var(--font-size-xs)}.blog-highlight{font-size:.6rem;padding:.1rem .4rem}.sources-grid a{font-size:.65rem;padding:.2rem .6rem}.blog-card-image{padding-top:66.67%}.blog-card.has-image .blog-card-image{min-height:150px;padding-top:66.67%}}@media (min-width:1400px){.blog-container{max-width:1200px;padding:3rem 0}.blog-grid{gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.blog-card-content{padding:2rem 2rem 1.5rem}.blog-card.has-image .blog-card-content{flex:0 0 35%;padding:2rem}.blog-card.has-image .blog-card-image{flex:0 0 65%;min-height:400px}.blog-card h3{font-size:var(--font-size-xl)}.blog-card.has-image p{-webkit-line-clamp:8}}@media (hover:none) and (pointer:coarse){.blog-card{padding:0}.blog-card-content{padding:1.2rem 1.2rem 1rem}.blog-card.has-image .blog-card-content{padding:1.2rem}.blog-card:hover,.blog-card:hover .blog-card-image img{transform:none}.sources-grid a{min-height:44px;padding:.5rem 1rem}}.images-grid{min-height:250px}.landing-image{background-color:#f0f4f8;display:block}.features-grid{min-height:350px!important}.landing-main h1{min-height:60px}picture img{background-color:var(--bg-body);height:auto}.menu-toggle{background:none;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:none;padding:.3rem;transition:background .2s}.menu-toggle:hover{background:var(--primary-bg)}@media (max-width:768px){.landing-header{flex-direction:row!important;flex-wrap:nowrap!important;justify-content:space-between!important;min-height:60px!important;padding:.3rem 1rem!important}.menu-toggle{display:block}.main-nav{align-items:stretch!important;backdrop-filter:blur(8px)!important;background:#fffffffa!important;border-bottom:1px solid var(--border-color)!important;box-shadow:0 8px 20px #0000001a!important;display:none!important;flex-direction:column!important;gap:.3rem!important;left:0!important;padding:1rem 1.5rem!important;position:absolute!important;right:0!important;top:100%!important;z-index:100!important}.main-nav.open{display:flex!important}.main-nav a{border-bottom:1px solid var(--border-light)!important;font-size:.95rem!important;padding:.4rem 0!important;text-align:center!important}.main-nav a:last-child{border-bottom:none!important}.main-nav .btn-login{border-radius:50px!important;font-size:.9rem!important;margin-top:.3rem!important;padding:.4rem 1rem!important;text-align:center!important}.main-nav a:after{display:none!important}.animated-logo{height:35px!important;margin-right:6px!important}.logo-idon,.logo-on{font-size:1.2rem!important}}@media (max-width:480px){.landing-header{min-height:50px!important;padding:.2rem .8rem!important}.animated-logo{height:28px!important}.logo-idon,.logo-on{font-size:1rem!important}.main-nav a{font-size:.85rem!important;padding:.3rem 0!important}.main-nav .btn-login{font-size:.8rem!important;padding:.3rem .8rem!important}.main-nav{padding:.8rem 1rem!important}}picture{background-color:var(--bg-body)}picture,picture img{aspect-ratio:634/272;display:block;width:100%}picture img{height:100%;object-fit:contain}.features-grid{min-height:450px!important}.feature-card{min-height:220px}.testimonial-section{min-height:160px}.faq-section{min-height:300px}.legal-page{background:#f0f4f8;background:var(--bg-body,#f0f4f8);color:#1a202c;color:var(--text-primary,#1a202c);min-height:100vh;overflow-x:hidden;overflow-y:visible;position:relative}.legal-page::-webkit-scrollbar{width:5px}.legal-page::-webkit-scrollbar-track{background:#00000008;background:var(--bg-tertiary,#00000008)}.legal-page::-webkit-scrollbar-thumb{background:#f97316;background:var(--primary,#f97316);border-radius:99px}.legal-page:before{background:radial-gradient(circle,#f973160f 0,#0000 65%);background:radial-gradient(circle,var(--primary-bg,#f973160f) 0,#0000 65%);height:700px;right:-200px;top:-250px;width:700px}.legal-page:after,.legal-page:before{border-radius:50%;content:"";pointer-events:none;position:fixed;z-index:0}.legal-page:after{background:radial-gradient(circle,#f973160a 0,#0000 65%);background:radial-gradient(circle,var(--primary-bg,#f973160a) 0,#0000 65%);bottom:-200px;height:600px;left:-180px;width:600px}.legal-header{backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);background:#080810e6;background:var(--bg-secondary,#080810e6);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-color,#ffffff0f);box-shadow:0 4px 32px #00000073;box-shadow:var(--shadow-md,0 4px 32px #00000073);padding:1.1rem 2rem 1.25rem;padding:var(--space-4,1.1rem) var(--space-8,2rem) var(--space-5,1.25rem);position:sticky;top:0;z-index:100}.legal-header:before{background:linear-gradient(90deg,#0000,#f97316 40%,#ea580c 70%,#0000);background:var(--primary-gradient,linear-gradient(90deg,#0000 0,#f97316 40%,#ea580c 70%,#0000 100%));content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0}.legal-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:.6rem;margin-bottom:var(--space-2,.6rem)}.legal-header h1{-webkit-text-fill-color:#0000;background:var(--text-primary);-webkit-background-clip:text;background-clip:text;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family,"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);font-size:clamp(1.4rem,3vw,2rem);font-size:clamp(var(--font-size-xl,1.4rem),3vw,var(--font-size-4xl,2rem));font-weight:900;font-weight:var(--font-weight-extrabold,900);letter-spacing:-.8px;line-height:1.2;margin:0}.legal-date{color:#fff6;color:var(--text-muted,#fff6);display:block;font-weight:500;font-weight:var(--font-weight-medium,500);letter-spacing:.5px;margin-top:.3rem;margin-top:var(--space-1,.3rem)}.legal-back,.legal-date{font-size:.75rem;font-size:var(--font-size-xs,.75rem)}.legal-back{align-items:center;background:#ff8c4214;background:var(--primary-bg,#ff8c4214);border:1px solid #ff8c4233;border:1px solid var(--border-primary,#ff8c4233);border-radius:10px;border-radius:var(--radius-md,10px);color:#f97316;color:var(--primary,#f97316);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Syne,sans-serif;font-weight:700;font-weight:var(--font-weight-bold,700);gap:.4rem;gap:var(--space-1,.4rem);letter-spacing:.6px;margin-bottom:.6rem;margin-bottom:var(--space-2,.6rem);padding:.45rem .9rem;padding:var(--space-1,.45rem) var(--space-2,.9rem);text-transform:uppercase;transition:background .2s,transform .2s,box-shadow .2s;transition:background var(--transition-fast,.2s),transform var(--transition-fast,.2s),box-shadow var(--transition-fast,.2s)}.legal-back:hover{background:#ff8c4238;background:var(--primary-hover,#ff8c4238);box-shadow:0 0 16px #ff8c4226;box-shadow:0 0 16px var(--primary-bg,#ff8c4226);transform:translateX(-3px)}.legal-toc{background:#ff8c420a;background:var(--primary-bg,#ff8c420a);border:1px solid #ffffff0f;border-left:3px solid #f97316;border:1px solid var(--border-color,#ffffff0f);border-left:3px solid var(--primary,#f97316);border-radius:16px;border-radius:var(--radius,16px);margin-bottom:1.5rem;margin-bottom:var(--space-6,1.5rem);padding:1.25rem 1.5rem;padding:var(--space-5,1.25rem) var(--space-6,1.5rem)}.legal-toc h3{color:#f97316;color:var(--primary,#f97316);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family,"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);font-size:.78rem;font-size:var(--font-size-xs,.78rem);font-weight:800;font-weight:var(--font-weight-extrabold,800);letter-spacing:.8px;margin:0 0 .75rem;margin:0 0 var(--space-3,.75rem);text-transform:uppercase}.legal-toc ol{grid-gap:.3rem .75rem;grid-gap:var(--space-1,.3rem) var(--space-3,.75rem);display:grid;gap:.3rem .75rem;gap:var(--space-1,.3rem) var(--space-3,.75rem);grid-template-columns:1fr 1fr;margin:0;padding-left:1.2rem;padding-left:var(--space-5,1.2rem)}.legal-toc li{font-size:.8rem;font-size:var(--font-size-xs,.8rem)}.legal-toc a,.legal-toc li{color:#fff6;color:var(--text-muted,#fff6)}.legal-toc a{text-decoration:none;transition:color .2s;transition:color var(--transition-fast,.2s)}.legal-toc a:hover{color:#f97316;color:var(--primary,#f97316)}@media (max-width:560px){.legal-toc ol{grid-template-columns:1fr}}.legal-section{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff08;background:var(--bg-card,#ffffff08);border:1px solid #ffffff0f;border:1px solid var(--border-color,#ffffff0f);overflow:hidden;padding:1.75rem 1rem;padding:var(--space-6,1.75rem) var(--space-8,1rem);position:relative;transition:border-color .25s,box-shadow .25s,transform .25s;transition:border-color var(--transition,.25s),box-shadow var(--transition,.25s),transform var(--transition,.25s)}.legal-section:before{background:var(--border-color);content:"";height:1px;left:0;position:absolute;right:0;top:0}.legal-section:after{color:#ff8c420a;color:var(--primary-bg,#ff8c420a);content:attr(data-n);font-family:Syne,sans-serif;font-size:3.5rem;font-size:var(--font-size-4xl,3.5rem);font-weight:900;font-weight:var(--font-weight-extrabold,900);line-height:1;pointer-events:none;position:absolute;right:1.5rem;right:var(--space-6,1.5rem);top:.75rem;top:var(--space-3,.75rem);-webkit-user-select:none;user-select:none}.legal-section:hover{border-color:#ff8c4238;border-color:var(--border-primary,#ff8c4238);box-shadow:0 0 32px #ff8c420d,0 4px 24px #0000004d;box-shadow:0 0 32px var(--primary-bg,#ff8c420d),var(--shadow,0 4px 24px #0000004d);transform:translateY(-1px)}.legal-section h2{-webkit-text-fill-color:#0000;background:var(--text-primary);-webkit-background-clip:text;background-clip:text;border-bottom:1px solid #ff8c421a;border-bottom:1px solid var(--border-primary,#ff8c421a);font-size:clamp(.95rem,2vw,1.15rem);font-size:clamp(var(--font-size-md,.95rem),2vw,var(--font-size-xl,1.15rem));font-weight:800;font-weight:var(--font-weight-extrabold,800);letter-spacing:-.1px;margin:0 0 1rem;margin:0 0 var(--space-4,1rem);padding-bottom:.65rem;padding-bottom:var(--space-2,.65rem)}.legal-section h2,.legal-section h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family,"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif)}.legal-section h3{color:var(--text-primary);font-weight:700;font-weight:var(--font-weight-bold,700);letter-spacing:.15px;margin:1.2rem 0 .5rem;margin:var(--space-5,1.2rem) 0 var(--space-2,.5rem)}.legal-section h3,.legal-section p{font-size:.88rem;font-size:var(--font-size-md,.88rem)}.legal-section p{color:#ffffffb3;color:var(--text-secondary,#ffffffb3);line-height:1.85;margin-bottom:.75rem;margin-bottom:var(--space-3,.75rem)}.legal-section ol,.legal-section ul{list-style:none;margin:0 0 1rem;margin:0 0 var(--space-4,1rem) 0;padding:0}.legal-section li{border-bottom:1px solid #ffffff08;border-bottom:1px solid var(--border-color,#ffffff08);color:#ffffffb3;color:var(--text-secondary,#ffffffb3);font-size:.87rem;font-size:var(--font-size-md,.87rem);line-height:1.7;padding:.3rem 0 .3rem 1.4rem;padding:var(--space-1,.3rem) 0 var(--space-1,.3rem) var(--space-4,1.4rem);position:relative}.legal-section li:last-child{border-bottom:none}.legal-section li:before{background:var(--text-primary);border-radius:50%;content:"";height:6px;left:0;opacity:.5;position:absolute;top:.72em;width:6px}.legal-section strong{color:var(--text-primary);font-weight:600;font-weight:var(--font-weight-semibold,600)}.contact-info{background:#25d3660a;background:var(--success-bg,#25d3660a);border:1px solid #25d3662e;border-left:3px solid #25d366;border-left:3px solid var(--success,#25d366);border-radius:12px;border-radius:var(--radius-lg,12px);margin-top:.75rem;margin-top:var(--space-3,.75rem);padding:1.25rem 1.5rem;padding:var(--space-5,1.25rem) var(--space-6,1.5rem)}.contact-info p{color:#1a202c;color:var(--text-primary,#1a202c);font-size:.87rem;font-size:var(--font-size-md,.87rem);margin-bottom:.4rem;margin-bottom:var(--space-1,.4rem)}.contact-wa{align-items:center;background:#25d366;background:var(--success,#25d366);border:none;border-radius:10px;border-radius:var(--radius-md,10px);display:inline-flex;font-size:.85rem;font-size:var(--font-size-md,.85rem);font-weight:700;font-weight:var(--font-weight-bold,700);gap:.55rem;gap:var(--space-2,.55rem);letter-spacing:.2px;margin-top:.75rem;margin-top:var(--space-3,.75rem);padding:.65rem 1.3rem;padding:var(--space-2,.65rem) var(--space-5,1.3rem);text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;transition:background var(--transition-fast,.2s),transform var(--transition-fast,.2s),box-shadow var(--transition-fast,.2s)}.contact-wa,.contact-wa:hover{color:#fff;color:var(--text-white,#fff)}.contact-wa:hover{background:#1db954;background:var(--success-dark,#1db954);box-shadow:0 4px 18px #25d36661;box-shadow:0 4px 18px var(--success-bg,#25d36661);transform:translateY(-1px)}.contact-info a:not(.contact-wa){border-bottom:1px solid #ff8c424d;border-bottom:1px solid var(--border-primary,#ff8c424d);color:#f97316;color:var(--primary,#f97316);font-weight:500;font-weight:var(--font-weight-medium,500);text-decoration:none;transition:color .2s;transition:color var(--transition-fast,.2s)}.contact-info a:not(.contact-wa):hover{color:#fb923c;color:var(--primary-light,#fb923c)}.legal-section a:not(.contact-wa){border-bottom:1px solid #ff8c4259;border-bottom:1px solid var(--border-primary,#ff8c4259);color:#f97316;color:var(--primary,#f97316);font-weight:500;font-weight:var(--font-weight-medium,500);text-decoration:none;transition:color .2s;transition:color var(--transition-fast,.2s)}.legal-section a:not(.contact-wa):hover{color:#fb923c;color:var(--primary-light,#fb923c)}@media (max-width:768px){.legal-header{padding:.9rem 1.25rem 1rem;padding:var(--space-2,.9rem) var(--space-5,1.25rem) var(--space-4,1rem)}.legal-content{padding:1.5rem .75rem 3.5rem;padding:var(--space-6,1.5rem) var(--space-3,.75rem) var(--space-12,3.5rem)}.legal-section{padding:1.25rem;padding:var(--space-5,1.25rem) var(--space-5,1.25rem)}}@media (max-width:480px){.legal-header h1{font-size:1.2rem;font-size:var(--font-size-xl,1.2rem)}.legal-back{font-size:.7rem;font-size:var(--font-size-xs,.7rem);padding:.4rem .75rem;padding:var(--space-1,.4rem) var(--space-3,.75rem)}.legal-content{padding:1rem .5rem 3rem;padding:var(--space-4,1rem) var(--space-2,.5rem) var(--space-12,3rem)}.legal-section{border-radius:12px;border-radius:var(--radius-lg,12px);margin-bottom:.75rem;margin-bottom:var(--space-3,.75rem);padding:1rem;padding:var(--space-4,1rem)}.legal-section li,.legal-section p{font-size:.83rem;font-size:var(--font-size-sm,.83rem)}}@media print{.legal-header,.legal-page,.legal-page:after,.legal-page:before{background:#fff;background:var(--bg-secondary,#fff)}.legal-header{border-bottom:1px solid #ccc;border-bottom:1px solid var(--border-color,#ccc);box-shadow:none}.legal-header:before{display:none}.legal-header h1{-webkit-text-fill-color:#111;-webkit-text-fill-color:var(--text-primary,#111);background:none;color:#111;color:var(--text-primary,#111)}.legal-back{display:none}.legal-section{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #ddd;border:1px solid var(--border-dark,#ddd);box-shadow:none;transform:none}.legal-section:after,.legal-section:before{display:none}.legal-section h2{-webkit-text-fill-color:#111;-webkit-text-fill-color:var(--text-primary,#111);background:none;color:#111;color:var(--text-primary,#111)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.login-page{align-items:center;background:var(--bg-primary);display:flex;font-family:var(--font-family);height:100vh;justify-content:center;max-height:100%;min-height:100vh;min-height:100dvh;overflow:hidden}.login-container{box-shadow:var(--shadow-xl);display:grid;grid-template-columns:1fr 1fr;height:100vh;max-width:100%;width:100%}.login-container,.login-left{background:var(--bg-secondary);overflow:hidden}.login-left{align-items:center;display:flex;flex-direction:column;gap:0;height:100%;justify-content:flex-start;padding:clamp(var(--space-4),3vh,var(--space-6)) clamp(var(--space-6),4vw,var(--space-12));padding-top:var(--space-6);position:relative}.login-left:before{animation:blobFloat 12s ease-in-out infinite;height:560px;left:-180px;top:-180px;width:560px}.login-left:after,.login-left:before{background:radial-gradient(circle,var(--primary-bg) 0,#0000 70%)}.login-left:after{animation:blobFloat 15s ease-in-out infinite reverse;bottom:-160px;height:480px;right:-160px;width:480px}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,40px) scale(1.06)}66%{transform:translate(-20px,20px) scale(.96)}}.color-ring{inset:0;pointer-events:none;position:absolute;transition:background var(--transition-slow);will-change:background}.logo-carousel{align-items:center;display:flex;height:250px;justify-content:center;margin:0 auto;position:relative;width:250px}@keyframes scaleInLogo{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.logo-carousel:before{animation:conicSpin 8s linear infinite;background:var(--bg-primary);border-radius:50%;content:"";filter:blur(16px);inset:-20px;opacity:.25;position:absolute;transition:opacity 1s var(--transition)}@keyframes conicSpin{to{transform:rotate(1turn)}}.login-animated-logo{height:88%;object-fit:contain;position:relative;transition:opacity 1s var(--transition),filter 1.5s var(--transition),transform 1s var(--transition-bounce);width:88%;will-change:opacity,filter,transform;z-index:1}.logo-wordmark{animation:fadeInWordmark 1.2s var(--transition) .3s both;text-align:center;z-index:2}@keyframes fadeInWordmark{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.logo-wordmark .brand-name{font-family:Syne,sans-serif;font-size:clamp(38px,5vw,56px);font-weight:900;letter-spacing:-2px;line-height:1;position:relative;transition:all 1s cubic-bezier(.34,1.56,.64,1);will-change:transform}.brand-id{color:#1a202c}.brand-on{color:#f97316;color:var(--primary,#f97316)}.logo-wordmark .brand-name:after{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--primary));-webkit-background-clip:text;background-clip:text;content:attr(data-text);filter:blur(20px);inset:0;opacity:.45;position:absolute;transition:opacity 1s var(--transition)}.logo-wordmark .brand-tagline{color:var(--text-muted);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.5px;margin-top:var(--space-1);transition:all 1s var(--transition-bounce);will-change:opacity,transform}.feature-list{flex-direction:column;max-width:260px;width:100%;z-index:2}.feature-item,.feature-list{display:flex;gap:var(--space-3)}.feature-item{align-items:center;color:var(--text-white);cursor:default;font-size:var(--font-size-sm);transition:all .4s var(--transition-bounce)}@keyframes slideInFeature{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.feature-item:hover{color:var(--primary);transform:translateX(var(--space-2))}.feature-icon-wrap{align-items:center;background:var(--primary-bg);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--primary);display:flex;flex-shrink:0;height:var(--space-8);justify-content:center;transition:all .4s var(--transition-bounce);width:var(--space-8)}.feature-item:hover .feature-icon-wrap{background:var(--primary-bg);border-color:var(--border-primary);transform:scale(1.1) rotate(5deg)}.value-proposition{flex-shrink:0;height:20%;margin-top:40px;max-height:90px;min-height:90px;overflow:hidden;padding:10px;text-align:center;z-index:2}.value-proposition,.vp-slide{display:flex;flex-direction:column;justify-content:center;width:100%}.vp-slide{gap:var(--space-2);height:100%}.vp-slide-problem{gap:var(--space-4)}.vp-problem-question{animation:slideInFeature .8s var(--transition-bounce) .2s both;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:-.3px;line-height:1.3;text-transform:uppercase;white-space:pre-line}.vp-problem-answer{-webkit-text-fill-color:#0000;animation:slideInFeature .8s var(--transition-bounce) .4s both;background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-lg);font-weight:var(--font-weight-extrabold);line-height:1.3}.vp-slide-features{gap:var(--space-2)}.vp-features-title{animation:slideInFeature .8s var(--transition-bounce) .1s both;color:var(--text-muted);font-size:var(--font-size-x);font-weight:var(--font-weight-extrabold);letter-spacing:.4px;text-transform:uppercase}.vp-features-grid{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:1fr 1fr 1fr 1fr}.vp-features-item{background:var(--bg-tertiary);border:1px solid var(--bg-card);border-radius:var(--radius-xs);color:var(--text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--space-1);transition:all .3s var(--transition-bounce)}.vp-features-item:hover{background:var(--text-primary);border-color:var(--border-primary);color:var(--bg-tertiary);transform:translateY(-2px)}.vp-ctas-buttons,.vp-slide-ctas{gap:var(--space-1)}.vp-ctas-buttons{display:flex;flex-direction:column}.vp-cta-btn{border:none;border-radius:var(--radius-xs);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-extrabold);letter-spacing:.6px;padding:var(--space-2) var(--space-4);transition:all .3s var(--transition-bounce)}.vp-cta-primary{background:var(--bg-secondary);color:var(--text-primary)}.vp-cta-secondary{background:var(--primary-bg);border:1.5px solid var(--border-primary);color:var(--primary)}.vp-cta-secondary:hover{background:var(--primary-bg);border-color:var(--border-primary);transform:translateY(-2px)}.vp-ctas-subtext{animation:slideInFeature .8s var(--transition-bounce) .7s both;color:var(--text-muted);font-size:var(--font-size-xs)}.vp-ctas-benefits{grid-gap:var(--space-1);background:var(--bg-tertiary);border-radius:var(--radius-xs);display:grid;gap:var(--space-1);grid-template-columns:1fr 1fr;padding:var(--space-1)}.vp-ctas-benefit{color:var(--text-primary);font-size:var(--font-size-xs);line-height:1.1}.vp-slide-faq{gap:var(--space-2)}.vp-faq-title{animation:slideInFeature .8s var(--transition-bounce) .1s both;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.2px;text-transform:uppercase}.vp-faq-items{display:flex;flex-direction:column;gap:var(--space-2)}.vp-faq-item{background:var(--bg-tertiary);border-radius:var(--radius-xs);padding:var(--space-3);transition:all .3s var(--transition-bounce)}.vp-faq-item:hover{background:var(--primary-bg);color:var(--bg-tertiary)}.vp-faq-question{color:var(--primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:1.3;margin-bottom:var(--space-1)}.vp-faq-answer{color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.4}.color-indicators{display:flex;gap:var(--space-2);margin-top:var(--space-2);z-index:2}.color-dot{border:2px solid #0000;border-radius:50%;cursor:pointer;height:var(--space-2);transition:transform .3s,border-color .3s,box-shadow .3s;width:var(--space-2)}.color-dot,.color-dot:nth-child(2),.color-dot:nth-child(3),.color-dot:nth-child(4){background-color:var(--primary)}.color-dot.active{border-color:var(--text-white);transform:scale(1.35)}.login-right{align-items:center;background:var(--bg-secondary);display:flex;flex-direction:column;justify-content:center;max-height:100vh;overflow-y:auto;padding:clamp(var(--space-6),4vh,var(--space-10)) clamp(var(--space-5),3vw,var(--space-8));scrollbar-color:var(--primary) var(--bg-tertiary);scrollbar-width:thin}.login-right::-webkit-scrollbar{width:5px}.login-right::-webkit-scrollbar-track{background:var(--bg-tertiary)}.login-right::-webkit-scrollbar-thumb{background:var(--primary);border-radius:99px}.login-right-inner{margin:0 auto;max-width:460px;width:100%}.form-container{backdrop-filter:blur(30px);background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius);isolation:isolate;max-height:90vh;min-height:400px;overflow-x:hidden;overflow-y:auto;position:relative;transition:border-color .3s ease;width:100%}.form-container:hover{border-color:var(--border-primary)}.form-tabs{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr;padding:0}.form-tabs,.tab{background:#0000;margin:0}.tab{border:none;color:var(--text-white)!important;cursor:pointer;font-family:Syne,sans-serif;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:1px;padding:var(--space-4);position:relative;text-transform:uppercase;transition:all .3s ease}.tab:not(.active){background:var(--bg-primary);color:var(--text-muted)!important}.tab:hover{background:var(--primary-bg);color:var(--primary)!important}.tab:first-child.active{border-radius:var(--radius) 0 0 0!important}.tab:first-child.active,.tab:last-child.active{background:var(--primary)!important;color:var(--text-white)!important}.tab:last-child.active{border-radius:0 var(--radius) 0 0!important}.tab.active:after{background:var(--text-white)!important;border-radius:var(--radius);bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.tab:first-child.active:after,.tab:last-child.active:after{left:50%;transform:translateX(-50%)}.form-tabs:after,.form-tabs:before,.tab:before,.tab:not(.active):after{display:none!important}.auth-form{animation:formSlideUp .4s ease both;padding:var(--space-6) var(--space-6) var(--space-8)}@keyframes formSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-form .form-title,.auth-form h3{color:var(--text-muted);font-family:Syne,sans-serif;font-size:clamp(var(--font-size-lg),2vw,var(--font-size-xl));font-weight:var(--font-weight-extrabold);letter-spacing:-.3px;margin-bottom:var(--space-6);text-align:center}.grid-2{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr}.input-with-icon{display:block;position:relative;width:100%}.input-icon{align-items:center;color:var(--text-muted);display:flex;height:var(--space-4);justify-content:center;left:var(--space-4);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .2s ease;width:var(--space-4);z-index:2}.input-with-icon input{background:var(--bg-input);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10)!important}.input-with-icon input,.input-with-icon select{border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);position:relative;transition:all .25s ease;width:100%;z-index:1}.input-with-icon select{appearance:none;background-color:var(--bg-input);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right var(--space-4) center;background-repeat:no-repeat;background-size:var(--space-4);cursor:pointer;padding:var(--space-3) var(--space-8) var(--space-3) var(--space-10)!important}.input-with-icon select option{background-color:var(--bg-secondary);color:var(--text-primary);padding:var(--space-2)}.input-with-icon select option:checked{background-color:var(--primary);color:var(--text-white)}.input-with-icon select option:hover{background-color:var(--primary-bg)}.input-with-icon input::placeholder,.input-with-icon select::placeholder{color:var(--text-dim);font-size:var(--font-size-sm)}.input-with-icon input:focus,.input-with-icon select:focus{background:var(--primary-bg);border-color:var(--border-primary);box-shadow:0 0 0 3px var(--primary-bg);outline:none}.input-with-icon input:focus+.input-icon,.input-with-icon select:focus+.input-icon{color:var(--primary)}.input-with-icon input:disabled,.input-with-icon select:disabled{cursor:not-allowed;opacity:.5}.form-group{margin-bottom:var(--space-4)}.form-group label{align-items:center;color:var(--text-muted)!important;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-extrabold);gap:var(--space-2);letter-spacing:.6px;margin-bottom:var(--space-2)}.form-group label svg{color:var(--text-muted)}.password-input{display:block;position:relative;width:100%}.password-input input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);padding:var(--space-3) 48px var(--space-3) var(--space-4);transition:all .25s ease;width:100%}.password-input input:focus{background:var(--primary-bg);border-color:var(--border-primary);box-shadow:0 0 0 3px var(--primary-bg);outline:none}.password-toggle{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;height:var(--space-8);justify-content:center;margin:0;padding:0;position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);transition:color .2s ease;width:var(--space-8);z-index:2}.password-toggle:hover{background:var(--primary-bg);color:var(--primary)}.password-toggle svg{display:block;height:var(--space-4);pointer-events:none;width:var(--space-4)}.alert{animation:alertSlideIn .4s ease-out;backdrop-filter:blur(8px);border-left:4px solid;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);margin-bottom:var(--space-5);padding:var(--space-4)}.alert-error{background:var(--danger-bg);border-color:var(--danger);color:var(--danger-light)}.alert-success{background:var(--success-bg);border-color:var(--success);color:var(--success-light)}.alert-info{background:var(--warning-bg);border-color:var(--warning);color:var(--warning-light)}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.input-error{box-shadow:0 0 0 2px var(--danger-bg)!important}.input-error,.input-error:focus{border-color:var(--danger)!important}.input-error:focus{box-shadow:0 0 0 3px var(--danger-bg)!important}.check-row{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-5)}.check-row input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:var(--space-4);width:var(--space-4)}.check-row label{color:var(--text-muted);-webkit-user-select:none;user-select:none}.btn-submit,.check-row label{cursor:pointer;font-size:var(--font-size-sm)}.btn-submit{align-items:center;background:var(--primary-gradient);background-size:200%;border:none;border-radius:var(--radius-md);color:var(--text-white);display:flex;font-family:Syne,sans-serif;font-weight:var(--font-weight-bold);gap:var(--space-2);justify-content:center;letter-spacing:.7px;margin-top:var(--space-2);overflow:hidden;padding:var(--space-3) var(--space-4);position:relative;text-transform:uppercase;transition:all .25s ease;width:100%}.btn-submit:after{background:linear-gradient(90deg,#0000,#ffffff26 50%,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .5s ease}.btn-submit:hover:not(:disabled):after{transform:translateX(100%)}.btn-submit:hover:not(:disabled){box-shadow:0 8px 28px var(--primary-bg);transform:translateY(-2px)}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{cursor:not-allowed;opacity:.55}.btn-secondary{align-items:center;background:var(--primary-bg);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--primary);display:flex;flex:1 1;font-family:Syne,sans-serif;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);gap:var(--space-2);justify-content:center;letter-spacing:.5px;padding:var(--space-3) var(--space-4);text-transform:uppercase;transition:all .25s ease}.btn-secondary:hover{background:var(--primary-bg);transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--text-white);height:var(--space-4);width:var(--space-4)}.register-progress{gap:var(--space-2);margin-bottom:var(--space-6)}.progress-step,.register-progress{align-items:center;display:flex;justify-content:center}.progress-step{border-radius:50%;flex-shrink:0;font-family:Syne,sans-serif;font-size:var(--font-size-base);font-weight:var(--font-weight-extrabold);height:var(--space-8);transition:all .4s ease;width:var(--space-8)}.progress-step.active,.progress-step.done{background:var(--primary);color:var(--text-white)}.progress-step.active{box-shadow:0 0 20px var(--primary-bg);transform:scale(1.08)}.progress-step.idle{background:var(--bg-tertiary);color:var(--text-muted)}.progress-connector{flex-shrink:0;height:2px;transition:background .5s ease;width:50px}.progress-connector.done{background:var(--primary)}.progress-connector.idle{background:var(--bg-tertiary)}.step-content{animation:formSlideUp .3s ease both;min-height:auto}.step-content .form-group{margin-bottom:var(--space-4)}.step-content .grid-2{margin-bottom:var(--space-1)}.step-content .alert{margin:var(--space-4) 0}.step-buttons{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.step-buttons .btn-submit{flex:1 1;margin-top:0}.step-buttons .btn-secondary{flex:1 1}.hint-error{color:var(--danger);display:block;font-size:var(--font-size-xs);margin-top:var(--space-2)}.business-selector-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;transition:all .25s ease;width:100%}.business-selector-btn:hover{background:var(--primary-bg);border-color:var(--primary);transform:translateX(var(--space-1))}.business-selector-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.business-selector-avatar{align-items:center;background:var(--primary-gradient);border-radius:var(--radius-md);color:var(--text-white);display:flex;flex-shrink:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:var(--space-10);justify-content:center;width:var(--space-10)}.business-selector-name{color:var(--text-primary);font-size:.9rem;font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.business-selector-type{color:var(--text-muted);font-size:.75rem;margin-top:2px}.business-selector-arrow{color:var(--primary);flex-shrink:0;transition:transform .25s ease}.business-selector-btn:hover .business-selector-arrow{transform:translateX(var(--space-1))}.back-to-login-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;display:block;font-size:.8rem;margin-top:var(--space-5);text-align:center;transition:color .2s;width:100%}.back-to-login-btn:hover{color:var(--primary)}@media (max-width:1024px){.login-container{grid-template-columns:1fr;max-width:550px}.login-left{gap:var(--space-4);padding:var(--space-6) var(--space-6)}.logo-carousel{height:90px;width:90px}.logo-carousel:before{inset:-12px}.logo-wordmark .brand-name{font-size:var(--font-size-4xl)}.color-indicators,.feature-list{display:none}.login-right{max-height:none;padding:var(--space-5)}.login-right-inner{max-width:100%}}@media (max-width:640px){.login-page{height:auto;min-height:100vh;overflow-y:auto;padding:var(--space-2)}.login-container{border-radius:var(--radius);display:flex;flex-direction:column;height:auto;max-width:100%;min-height:100vh}.login-left{align-items:center;background:var(--bg-tertiary);display:flex!important;flex-direction:row!important;flex-shrink:0;flex-wrap:nowrap!important;gap:var(--space-3);height:auto;justify-content:flex-start;min-height:80px;overflow-x:auto;padding:var(--space-3) var(--space-4)}.logo-carousel{flex-shrink:0;height:64px!important;margin:0;width:64px!important}.logo-carousel:before{display:none}.animated-logo{height:100%;width:100%}.logo-wordmark{align-items:center;animation:none;display:flex!important;flex:1 1;flex-direction:column!important;gap:0;justify-content:center;text-align:center}.logo-wordmark .brand-name{display:flex;font-size:var(--font-size-xl)!important;letter-spacing:-.5px;line-height:1.2;white-space:nowrap}.logo-wordmark .brand-tagline{color:var(--primary);display:block;font-size:var(--font-size-xs)!important;font-weight:var(--font-weight-bold);margin-top:0;white-space:nowrap}.color-indicators,.feature-list,.value-proposition{display:none}.login-right{flex:1 1;height:auto;max-height:none;overflow-y:visible;padding:var(--space-3) var(--space-2) var(--space-6) var(--space-2)}.login-right-inner{height:auto;max-width:100%;padding-bottom:var(--space-4)}.form-container{border:1px solid var(--border-color);border-radius:var(--radius-md);height:auto;margin-bottom:var(--space-4);max-height:none!important;min-height:auto!important;overflow:hidden}.auth-form{height:auto;overflow:visible;padding:var(--space-3) var(--space-3) var(--space-6) var(--space-3)}.auth-form .form-title,.auth-form h3{font-size:var(--font-size-md);margin-bottom:var(--space-3)}.tab{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-2)}.input-icon{height:var(--space-3);left:var(--space-2);width:var(--space-3)}.input-with-icon input,.input-with-icon select{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8)!important}.input-with-icon select{background-position:right var(--space-2) center;background-size:var(--space-3);padding-right:var(--space-6)!important}.password-input input{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3)}.password-toggle{height:var(--space-5);right:var(--space-1);width:var(--space-5)}.password-toggle svg{height:var(--space-3);width:var(--space-3)}.btn-secondary,.btn-submit{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3)}.register-progress{gap:var(--space-1);margin-bottom:var(--space-3)}.progress-step{font-size:var(--font-size-xs);height:var(--space-6);width:var(--space-6)}.progress-connector{width:24px}.step-buttons{display:flex;flex-direction:row;gap:var(--space-2);margin-bottom:var(--space-2);margin-top:var(--space-4)}.step-buttons .btn-secondary,.step-buttons .btn-submit{flex:1 1;margin-top:0}.grid-2{gap:0;grid-template-columns:1fr}.alert{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3)}.form-group{margin-bottom:var(--space-2)}.form-group label{font-size:var(--font-size-xs);margin-bottom:var(--space-1)}.step-content{height:auto;overflow:visible}.business-selector-btn{padding:var(--space-2) var(--space-3)}.login-page{overflow-y:auto;padding:var(--space-2)}.login-container,.login-page{background:var(--bg-secondary);height:auto;min-height:100vh}.login-container{border-radius:var(--radius);display:flex;flex-direction:column;max-width:100%}.login-left{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex!important;flex-direction:column!important;flex-shrink:0;flex-wrap:nowrap!important;gap:var(--space-2);height:auto;justify-content:center;min-height:auto;padding:var(--space-4) var(--space-4) var(--space-2) var(--space-4)}.logo-carousel{flex-shrink:0;height:100px!important;margin:0 auto;width:100px!important}.logo-carousel:before{display:none}.animated-logo{height:100%;object-fit:contain;width:100%}.logo-wordmark{align-items:center;animation:none;display:flex!important;flex-direction:column!important;gap:0;justify-content:center;text-align:center;width:100%}.logo-wordmark .brand-name{display:flex;font-size:var(--font-size-2xl)!important;justify-content:center;letter-spacing:-.5px;line-height:1.2;white-space:nowrap}.logo-wordmark .brand-tagline{color:var(--text-muted);display:block;font-size:var(--font-size-xs)!important;font-weight:var(--font-weight-medium);letter-spacing:1px;margin-top:2px;white-space:nowrap}.color-indicators,.feature-list,.value-proposition{display:none}.login-right{background:var(--bg-secondary);flex:1 1;height:auto;max-height:none;overflow-y:visible;padding:var(--space-3) var(--space-3) var(--space-6) var(--space-3)}.login-right-inner{height:auto;max-width:100%;padding-bottom:var(--space-4)}.form-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);height:auto;margin-bottom:var(--space-4);max-height:none!important;min-height:auto!important;overflow:hidden}.auth-form{height:auto;overflow:visible;padding:var(--space-4) var(--space-4) var(--space-6) var(--space-4)}.auth-form .form-title,.auth-form h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-4)}.form-tabs{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr;margin:0;padding:0}.tab{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:var(--space-3) var(--space-2)}.tab:first-child.active{border-radius:var(--radius) 0 0 0!important}.tab:last-child.active{border-radius:0 var(--radius) 0 0!important}.form-group{margin-bottom:var(--space-3)}.form-group label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.5px;margin-bottom:var(--space-1)}.input-icon{height:var(--space-4);left:var(--space-3);width:var(--space-4)}.input-with-icon input,.input-with-icon select{border-radius:var(--radius-sm);font-size:var(--font-size-base);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-10)!important}.input-with-icon select{background-position:right var(--space-3) center;background-size:var(--space-4);padding-right:var(--space-8)!important}.password-input input{border-radius:var(--radius-sm);font-size:var(--font-size-base);padding:var(--space-3) var(--space-10) var(--space-3) var(--space-3)}.password-toggle{height:var(--space-6);right:var(--space-2);width:var(--space-6)}.password-toggle svg{height:var(--space-4);width:var(--space-4)}.btn-secondary,.btn-submit{border-radius:var(--radius-sm);font-size:var(--font-size-sm);min-height:48px;padding:var(--space-3) var(--space-4)}.btn-submit{margin-top:var(--space-2)}.register-progress{gap:var(--space-2);margin-bottom:var(--space-4)}.progress-step{font-size:var(--font-size-sm);font-weight:var(--font-weight-extrabold);height:var(--space-7);width:var(--space-7)}.progress-connector{width:32px}.step-buttons{display:flex;flex-direction:row;gap:var(--space-3);margin-bottom:var(--space-2);margin-top:var(--space-5)}.step-buttons .btn-secondary,.step-buttons .btn-submit{flex:1 1;margin-top:0;min-height:48px}.grid-2{gap:0;grid-template-columns:1fr}.alert{border-radius:var(--radius-sm);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4)}.alert,.check-row{margin-bottom:var(--space-4)}.check-row{margin-top:var(--space-2)}.check-row input[type=checkbox]{height:var(--space-5);width:var(--space-5)}.check-row label{font-size:var(--font-size-sm)}.step-content{height:auto;overflow:visible}.step-content .form-group{margin-bottom:var(--space-3)}.step-content .grid-2{margin-bottom:0}.business-selector-btn{border-radius:var(--radius-sm);gap:var(--space-3);padding:var(--space-3) var(--space-4)}.business-selector-avatar{font-size:var(--font-size-md);height:var(--space-8);width:var(--space-8)}.business-selector-name{font-size:var(--font-size-sm)}.business-selector-type{font-size:var(--font-size-xs)}.back-to-login-btn{font-size:var(--font-size-sm);margin-top:var(--space-4);padding:var(--space-2)}}@media (max-width:480px){.login-left{padding:var(--space-3) var(--space-3) var(--space-1) var(--space-3)}.logo-carousel{height:80px!important;width:80px!important}.logo-wordmark .brand-name{font-size:var(--font-size-xl)!important}.logo-wordmark .brand-tagline{font-size:.6rem!important}.login-right{padding:var(--space-2) var(--space-2) var(--space-6) var(--space-2)}.auth-form{padding:var(--space-3) var(--space-3) var(--space-5) var(--space-3)}.auth-form .form-title,.auth-form h3{font-size:var(--font-size-md);margin-bottom:var(--space-3)}.form-tabs .tab{font-size:.6rem;padding:var(--space-2) var(--space-1)}.register-progress{gap:var(--space-1);margin-bottom:var(--space-3)}.progress-step{font-size:.7rem;height:var(--space-6);width:var(--space-6)}.progress-connector{width:20px}.step-buttons{flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-2);margin-top:var(--space-4)}.step-buttons .btn-secondary,.step-buttons .btn-submit{flex:none;min-height:44px;width:100%}.input-with-icon input,.input-with-icon select,.password-input input{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-9)!important}.input-icon{height:var(--space-3);left:var(--space-2);width:var(--space-3)}.btn-secondary,.btn-submit{font-size:var(--font-size-xs);min-height:40px;padding:var(--space-2) var(--space-3)}.business-selector-btn{gap:var(--space-2);padding:var(--space-2) var(--space-3)}.business-selector-avatar{font-size:var(--font-size-sm);height:var(--space-7);width:var(--space-7)}.business-selector-name{font-size:.75rem}.alert{font-size:var(--font-size-xs);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3)}.form-group{margin-bottom:var(--space-2)}.check-row input[type=checkbox]{height:var(--space-4);width:var(--space-4)}.check-row label{font-size:var(--font-size-xs)}}@media (max-height:700px) and (max-width:1024px){.login-page{overflow-y:auto;padding:var(--space-1)}.login-left{flex-direction:row!important;flex-wrap:wrap!important;gap:var(--space-1);justify-content:center;min-height:auto;padding:var(--space-2) var(--space-3)}.logo-carousel{height:80px!important;width:80px!important}.logo-carousel:before{display:none}.logo-wordmark .brand-name{font-size:var(--font-size-5xl)!important}.logo-wordmark .brand-tagline{font-size:var(--font-size-sm)!important}.feature-list,.value-proposition{display:none}.register-progress{gap:var(--space-1);margin-bottom:var(--space-2)}.progress-step{font-size:.6rem;height:var(--space-5);width:var(--space-5)}.progress-connector{width:16px}.step-content .form-group{margin-bottom:var(--space-1)}.login-right{padding:var(--space-1) var(--space-2) var(--space-4) var(--space-2)}.auth-form{padding:var(--space-2) var(--space-2) var(--space-4) var(--space-2)}.auth-form .form-title,.auth-form h3{font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.form-container{max-height:none!important}.step-buttons{gap:var(--space-2);margin-bottom:var(--space-1);margin-top:var(--space-2)}.step-buttons .btn-secondary,.step-buttons .btn-submit{font-size:var(--font-size-xs);min-height:36px;padding:var(--space-1) var(--space-3)}.btn-submit{margin-top:0}.input-with-icon input,.input-with-icon select,.password-input input{font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-7)!important}.input-icon{height:var(--space-3);left:var(--space-2);width:var(--space-3)}.form-group{margin-bottom:var(--space-1)}.form-group label{font-size:.6rem;margin-bottom:1px}.tab{font-size:.6rem;padding:var(--space-1) var(--space-2)}}.pending-approval-page{align-items:center;background:#f0f4f8;background:var(--bg-primary,#f0f4f8);display:flex;flex-direction:column;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);height:100%;justify-content:center;min-height:100%;padding:--space-1;padding:var(--space-1,--space-1);padding-bottom:--space-1;padding-bottom:var(--space-1,--space-1);position:relative;width:100%}.pending-footer{bottom:0;left:0;position:absolute;right:0}.pending-card{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;border-radius:var(--radius,16px);box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow-lg,0 8px 24px #0000001a);margin:0 auto;max-width:100%;padding:--space-1;padding:var(--space-1,--space-1) var(--space-1,--space-1);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition,all .3s cubic-bezier(.4,0,.2,1));width:100%}.pending-card:hover{box-shadow:0 16px 40px #0000001f;box-shadow:var(--shadow-xl,0 16px 40px #0000001f)}.pending-icon-wrapper{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);background:var(--primary-gradient,linear-gradient(135deg,#f97316,#ea580c));border-radius:50%;box-shadow:0 0 40px #f9731640;display:flex;flex-shrink:0;height:80px;justify-content:center;margin:0 auto --space-2;margin:0 auto var(--space-4,--space-2);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition,all .3s cubic-bezier(.4,0,.2,1));width:80px}.pending-icon-wrapper.approved{background:linear-gradient(135deg,#10b981,#059669);background:var(--success-gradient,linear-gradient(135deg,#10b981,#059669));box-shadow:0 0 40px #10b98140}.pending-icon{color:#fff;color:var(--text-white,#fff)}.pending-alert{align-items:center;animation:pendingAlertSlideIn .4s ease-out;border-radius:8px;border-radius:var(--radius-sm,8px);display:flex;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:500;font-weight:var(--font-weight-medium,500);gap:8px;gap:var(--space-2,8px);margin-bottom:20px;margin-bottom:var(--space-5,20px);padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px);text-align:left}.pending-alert-info{background:#f9731614;background:var(--primary-bg,#f9731614);border:1px solid #f973164d;border:1px solid var(--border-primary,#f973164d);color:#f97316;color:var(--primary,#f97316)}.pending-alert-icon{flex-shrink:0}@keyframes pendingAlertSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pending-title{color:#1a202c;color:var(--text-primary,#1a202c);font-size:24px;font-size:var(--font-size-2xl,24px);font-weight:800;font-weight:var(--font-weight-extrabold,800);letter-spacing:-.5px;margin:0 0 8px;margin:0 0 var(--space-2,8px)}.pending-subtitle{color:#4a5568;color:var(--text-secondary,#4a5568);font-size:14px;font-size:var(--font-size-sm,14px);line-height:1.6;margin:0 0 24px;margin:0 0 var(--space-6,24px)}.pending-subtitle strong{color:#f97316;color:var(--primary,#f97316);font-weight:700;font-weight:var(--font-weight-bold,700)}.pending-steps{margin:0 0 32px;margin:0 0 var(--space-8,32px);text-align:left}.step-item{align-items:flex-start;display:flex;gap:12px;gap:var(--space-3,12px)}.step-item:not(:last-child){margin-bottom:0}.step-indicator{flex-direction:column}.step-circle,.step-indicator{align-items:center;display:flex;flex-shrink:0}.step-circle{border-radius:50%;font-size:12px;font-size:var(--font-size-sm,12px);font-weight:700;font-weight:var(--font-weight-bold,700);height:36px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition,all .3s cubic-bezier(.4,0,.2,1));width:36px}.step-circle.done{background:linear-gradient(135deg,#10b981,#059669);background:var(--success-gradient,linear-gradient(135deg,#10b981,#059669));border:2px solid #10b981;border:2px solid var(--success,#10b981)}.step-circle.active,.step-circle.done{color:#fff;color:var(--text-white,#fff)}.step-circle.active{animation:pendingPulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#f97316,#ea580c);background:var(--primary-gradient,linear-gradient(135deg,#f97316,#ea580c));border:2px solid #f97316;border:2px solid var(--primary,#f97316);box-shadow:0 0 20px #f973164d}.step-circle.idle{background:#f8fafc;background:var(--bg-tertiary,#f8fafc);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);color:#a0aec0;color:var(--text-muted,#a0aec0)}.step-circle .step-icon{color:#fff;color:var(--text-white,#fff)}.step-connector{height:28px;margin:4px 0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition,all .3s cubic-bezier(.4,0,.2,1));width:2px}.step-connector.done{background:#10b981;background:var(--success,#10b981)}.step-connector.idle{background:#e2e8f0;background:var(--border-color,#e2e8f0)}.step-content{flex:1 1;padding-bottom:28px}.step-content .step-label{font-size:14px;font-size:var(--font-size-sm,14px);font-weight:500;font-weight:var(--font-weight-medium,500);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition,all .3s cubic-bezier(.4,0,.2,1))}.step-content .step-label.done{color:#10b981;color:var(--success,#10b981);font-weight:600;font-weight:var(--font-weight-semibold,600)}.step-content .step-label.active{color:#f97316;color:var(--primary,#f97316);font-weight:700;font-weight:var(--font-weight-bold,700)}.step-content .step-label.idle,.step-time-estimate{color:#a0aec0;color:var(--text-muted,#a0aec0)}.step-time-estimate{font-size:12px;font-size:var(--font-size-xs,12px);margin-top:4px;margin-top:var(--space-1,4px)}.pending-email-banner{align-items:center;background:var(--bg-primary);border:var(--bg-primary);border-radius:8px;border-radius:var(--radius-sm,8px);display:flex;gap:12px;gap:var(--space-3,12px);margin-bottom:24px;margin-bottom:var(--space-6,24px);padding:--space-0 --space-1;padding:var(--space-1,--space-0) var(--space-1,--space-1);text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition,all .3s cubic-bezier(.4,0,.2,1))}.pending-email-banner:hover{background:var(--bg-tertiary)}.pending-email-banner .email-icon{color:#f97316;color:var(--primary,#f97316);flex-shrink:0}.pending-email-banner .email-title{color:#f97316;color:var(--primary,#f97316);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600;font-weight:var(--font-weight-semibold,600)}.pending-email-banner .email-text{color:#4a5568;color:var(--text-secondary,#4a5568);font-size:12px;font-size:var(--font-size-xs,12px);margin-top:4px;margin-top:var(--space-1,4px)}.pending-email-banner .email-text strong{color:#1a202c;color:var(--text-primary,#1a202c);font-weight:600;font-weight:var(--font-weight-semibold,600)}.pending-actions{display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3,12px);justify-content:center}.btn-check-status{font-size:14px;font-size:var(--font-size-sm,14px);font-weight:700;font-weight:var(--font-weight-bold,700);gap:8px;gap:var(--space-2,8px);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition,all .3s cubic-bezier(.4,0,.2,1))}.btn-check-status:after{background:linear-gradient(90deg,#0000,#fff3 50%,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .5s ease}.btn-check-status:hover:not(:disabled):after{transform:translateX(100%)}.btn-check-status:active:not(:disabled){transform:translateY(0)}.btn-check-status .spinner-icon{animation:pendingSpin 1s linear infinite}.btn-logout{background:#f8fafc;background:var(--bg-tertiary,#f8fafc);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:var(--font-weight-semibold,600);gap:8px;gap:var(--space-2,8px);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition,all .3s cubic-bezier(.4,0,.2,1))}.btn-logout:hover{background:#ef444414;background:var(--danger-bg,#ef444414);transform:translateY(-2px)}.btn-logout:active{transform:translateY(0)}@keyframes pendingSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pendingPulse{0%,to{box-shadow:0 0 20px #f973164d}50%{box-shadow:0 0 40px #f9731680}}@media (min-width:1025px){.pending-card{max-width:100%;padding:40px 48px;padding:var(--space-10,40px) var(--space-12,48px);width:100%}}@media (max-width:1024px){.pending-card{max-width:90%;padding:32px 24px;padding:var(--space-8,32px) var(--space-6,24px)}}@media (max-width:640px){.pending-approval-page{align-items:flex-start;min-height:100vh;min-height:100dvh;padding:8px;padding:var(--space-2,8px);padding-bottom:80px;padding-top:16px;padding-top:var(--space-4,16px)}.pending-card{border-radius:10px;border-radius:var(--radius-md,10px);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow,0 2px 8px #0000000f);display:flex;flex-direction:column;margin:0;max-width:100%;min-height:calc(100vh - 100px);min-height:calc(100dvh - 100px);padding:16px 12px;padding:var(--space-4,16px) var(--space-3,12px)}.pending-icon-wrapper{height:64px;margin-bottom:16px;margin-bottom:var(--space-4,16px);width:64px}.pending-icon-wrapper svg{height:28px;width:28px}.pending-title{font-size:20px;font-size:var(--font-size-xl,20px);margin-bottom:8px;margin-bottom:var(--space-2,8px)}.pending-subtitle{font-size:14px;font-size:var(--font-size-sm,14px);line-height:1.5;margin-bottom:20px;margin-bottom:var(--space-5,20px)}.pending-steps{flex:1 1;margin:0 0 20px;margin:0 0 var(--space-5,20px)}.step-circle{font-size:10px;font-size:var(--font-size-xs,10px);height:28px;width:28px}.step-circle svg{height:14px;width:14px}.step-content .step-label{font-size:14px;font-size:var(--font-size-sm,14px)}.step-connector{height:20px}.step-content{padding-bottom:20px}.step-time-estimate{font-size:12px;font-size:var(--font-size-xs,12px)}.pending-email-banner{gap:8px;gap:var(--space-2,8px);margin-bottom:20px;margin-bottom:var(--space-5,20px);padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px)}.pending-email-banner .email-icon{font-size:14px}.pending-email-banner .email-text,.pending-email-banner .email-title{font-size:12px;font-size:var(--font-size-xs,12px)}.pending-actions{flex-direction:column;gap:8px;gap:var(--space-2,8px);margin-top:auto;padding-top:12px;padding-top:var(--space-3,12px)}.btn-check-status,.btn-logout{font-size:14px;font-size:var(--font-size-sm,14px);justify-content:center;padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px);width:100%}.btn-check-status{order:1}.btn-logout{order:2}.pending-alert{font-size:12px;font-size:var(--font-size-xs,12px);margin-bottom:16px;margin-bottom:var(--space-4,16px);padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px)}}@media (max-width:480px){.pending-approval-page{padding:4px;padding:var(--space-1,4px);padding-bottom:70px;padding-top:8px;padding-top:var(--space-2,8px)}.pending-card{border-radius:8px;border-radius:var(--radius-sm,8px);min-height:calc(100vh - 80px);min-height:calc(100dvh - 80px);padding:12px 8px;padding:var(--space-3,12px) var(--space-2,8px)}.pending-icon-wrapper{height:52px;margin-bottom:12px;margin-bottom:var(--space-3,12px);width:52px}.pending-icon-wrapper svg{height:22px;width:22px}.pending-title{font-size:18px;font-size:var(--font-size-lg,18px)}.pending-subtitle{font-size:13px;font-size:var(--font-size-sm,13px)}.step-circle{font-size:.55rem;height:24px;width:24px}.step-circle svg{height:12px;width:12px}.step-connector{height:16px}.step-content{padding-bottom:16px}.step-content .step-label{font-size:13px;font-size:var(--font-size-sm,13px)}.step-time-estimate{font-size:11px;font-size:var(--font-size-xs,11px)}.pending-email-banner{flex-wrap:wrap;gap:4px;gap:var(--space-1,4px);padding:8px;padding:var(--space-2,8px) var(--space-2,8px)}.pending-email-banner .email-text{font-size:11px;font-size:var(--font-size-xs,11px)}.btn-check-status,.btn-logout{font-size:13px;font-size:var(--font-size-sm,13px);padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px)}}@media (max-height:700px) and (max-width:1024px){.pending-approval-page{align-items:flex-start;padding:4px;padding:var(--space-1,4px);padding-bottom:60px;padding-top:8px;padding-top:var(--space-2,8px)}.pending-card{min-height:calc(100vh - 70px);min-height:calc(100dvh - 70px);padding:12px;padding:var(--space-3,12px) var(--space-3,12px)}.pending-icon-wrapper{height:44px;margin-bottom:8px;margin-bottom:var(--space-2,8px);width:44px}.pending-icon-wrapper svg{height:20px;width:20px}.pending-title{font-size:18px;font-size:var(--font-size-lg,18px);margin-bottom:4px;margin-bottom:var(--space-1,4px)}.pending-subtitle{font-size:12px;font-size:var(--font-size-xs,12px)}.pending-steps,.pending-subtitle{margin-bottom:12px;margin-bottom:var(--space-3,12px)}.step-circle{font-size:.5rem;height:22px;width:22px}.step-connector{height:12px}.step-content{padding-bottom:12px}.step-content .step-label{font-size:12px;font-size:var(--font-size-xs,12px)}.step-time-estimate{font-size:10px;font-size:var(--font-size-xs,10px)}.pending-email-banner{margin-bottom:12px;margin-bottom:var(--space-3,12px);padding:4px 8px;padding:var(--space-1,4px) var(--space-2,8px)}.pending-email-banner .email-title{font-size:11px;font-size:var(--font-size-xs,11px)}.pending-email-banner .email-text{font-size:10px;font-size:var(--font-size-xs,10px)}.pending-actions{gap:4px;gap:var(--space-1,4px)}.btn-check-status,.btn-logout{font-size:12px;font-size:var(--font-size-xs,12px);padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px)}.pending-alert{font-size:11px;font-size:var(--font-size-xs,11px);margin-bottom:8px;margin-bottom:var(--space-2,8px);padding:4px 8px;padding:var(--space-1,4px) var(--space-2,8px)}}.pending-title.success{color:#22c55e}.pending-title.warning{color:#f59e0b}.pending-icon-wrapper.warning{background:#fef3c7;border-color:#f59e0b}.pending-icon-wrapper.warning .pending-icon{color:#f59e0b}.pending-alert-success{background:#f0fdf4;border-color:#22c55e;color:#166534}.pending-alert-warning{background:#fef3c7;border-color:#f59e0b;color:#92400e}.step-description.active{color:var(--primary)}.step-description{color:var(--text-muted);font-size:.75rem;line-height:1.4;margin-top:2px}.step-description.active{color:#f59e0b;font-weight:500}.step-description.done{color:#22c55e}.pending-icon-wrapper.error{background:#fef2f2;border-color:#ef4444}.pending-icon-wrapper.error .pending-icon,.pending-title.error{color:#ef4444}.pending-alert-error{background:#fef2f2;border-color:#ef4444;color:#991b1b}.payment-pending-container{align-items:center;background:#f0f4f8;background:var(--bg-primary,#f0f4f8);display:flex;flex-direction:column;font-family:Inter,sans-serif;font-family:var(--font-family,"Inter",sans-serif);justify-content:center;min-height:100vh;min-height:100dvh;padding:12px;padding:var(--space-3,12px);padding-bottom:60px;position:relative;width:100%}.payment-pending-card{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;border-radius:var(--radius,16px);box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow-lg,0 8px 24px #0000001a);margin:0 auto;max-width:820px;padding:32px 24px;padding:var(--space-8,32px) var(--space-6,24px);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition,all .3s cubic-bezier(.4,0,.2,1));width:100%}.payment-pending-card:hover{box-shadow:0 16px 40px #0000001f;box-shadow:var(--shadow-xl,0 16px 40px #0000001f)}.payment-pending-icon-wrapper{flex-shrink:0;margin:0 auto 20px;margin:0 auto var(--space-5,20px)}.payment-pending-icon-circle,.payment-pending-icon-wrapper{align-items:center;border-radius:50%;display:flex;height:80px;justify-content:center;width:80px}.payment-pending-icon-circle{background:linear-gradient(135deg,#f59e0b,#d97706);background:var(--warning-gradient,linear-gradient(135deg,#f59e0b,#d97706));box-shadow:0 0 40px #f59e0b40}.payment-pending-icon-circle svg{color:#fff;color:var(--text-white,#fff)}.payment-pending-title{color:#1a202c;color:var(--text-primary,#1a202c);font-size:24px;font-size:var(--font-size-2xl,24px);font-weight:800;font-weight:var(--font-weight-extrabold,800);letter-spacing:-.5px;margin:0 0 4px;margin:0 0 var(--space-1,4px)}.payment-pending-subtitle{color:#4a5568;color:var(--text-secondary,#4a5568);font-size:14px;font-size:var(--font-size-sm,14px);line-height:1.6;margin:0 0 16px;margin:0 0 var(--space-4,16px)}.payment-pending-status-badge{background:#f59e0b14;background:var(--warning-bg,#f59e0b14);border:1px solid #f59e0b33;border-radius:20px;color:#f59e0b;color:var(--warning,#f59e0b);display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:20px;margin-bottom:var(--space-5,20px);padding:6px 20px;text-transform:uppercase}.payment-pending-message-box{align-items:flex-start;background:#f973160f;background:var(--primary-bg,#f973160f);border:1px solid #f9731633;border:1px solid var(--border-primary,#f9731633);border-radius:8px;border-radius:var(--radius-sm,8px);color:#4a5568;color:var(--text-secondary,#4a5568);display:flex;font-size:14px;font-size:var(--font-size-sm,14px);gap:12px;margin:0 0 16px;margin:0 0 var(--space-4,16px) 0;padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px);text-align:left}.payment-pending-message-box .message-icon{color:#f97316;color:var(--primary,#f97316);flex-shrink:0;margin-top:2px}.payment-pending-message-box span{flex:1 1;line-height:1.5}.business-payment-card{background:#f8fafc;background:var(--bg-tertiary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;border-radius:var(--radius,16px);margin-bottom:20px;margin-bottom:var(--space-5,20px);padding:16px 20px;padding:var(--space-4,16px) var(--space-5,20px);text-align:left;width:100%}.business-payment-header{align-items:center;color:#a0aec0;color:var(--text-muted,#a0aec0);display:flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.8px;margin-bottom:12px;margin-bottom:var(--space-3,12px);text-transform:uppercase}.business-payment-grid{grid-gap:12px;grid-gap:var(--space-3,12px);display:grid;gap:12px;gap:var(--space-3,12px);grid-template-columns:1fr 1fr 1fr 1fr;width:100%}.business-payment-item{display:flex;flex-direction:column;gap:4px}.business-payment-label{color:#a0aec0;color:var(--text-muted,#a0aec0);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.business-payment-value{color:#1a202c;color:var(--text-primary,#1a202c);font-size:15px;font-weight:600;word-break:break-word}.business-payment-value.amount{align-items:center;display:flex;font-size:22px;font-weight:800;gap:4px}.business-payment-value.amount,.business-payment-value.amount svg{color:#f97316;color:var(--primary,#f97316)}.business-payment-discount{align-items:center;color:#10b981;color:var(--success,#10b981);display:flex;font-size:12px;gap:4px;margin-top:2px}.business-payment-original{color:#a0aec0;color:var(--text-muted,#a0aec0);font-size:12px;text-decoration:line-through}.amount-highlight{color:#f97316;color:var(--primary,#f97316);font-weight:700}.payment-pending-message-text{color:#4a5568;color:var(--text-secondary,#4a5568);font-size:15px;line-height:1.7;margin:0 0 20px;margin:0 0 var(--space-5,20px) 0}.payment-pending-message-text strong{color:#1a202c;color:var(--text-primary,#1a202c)}.owner-info-card{background:#f8fafc;background:var(--bg-tertiary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;border-radius:var(--radius,16px);margin-bottom:24px;margin-bottom:var(--space-6,24px);padding:16px 20px;padding:var(--space-4,16px) var(--space-5,20px);text-align:left;width:100%}.owner-info-title{align-items:center;color:#a0aec0;color:var(--text-muted,#a0aec0);display:flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.8px;margin:0 0 12px;margin:0 0 var(--space-3,12px) 0;text-transform:uppercase}.owner-info-grid{grid-gap:12px;grid-gap:var(--space-3,12px);display:grid;gap:12px;gap:var(--space-3,12px);grid-template-columns:1fr 1fr 1fr;width:100%}.owner-info-item{align-items:baseline;display:flex;flex-wrap:wrap;gap:6px}.owner-info-label{color:#a0aec0;color:var(--text-muted,#a0aec0);font-size:13px}.owner-info-value{color:#1a202c;color:var(--text-primary,#1a202c);font-size:13px;font-weight:600}.banks-section{margin-bottom:24px;margin-bottom:var(--space-6,24px);text-align:left;width:100%}.banks-title{align-items:center;color:#a0aec0;color:var(--text-muted,#a0aec0);display:flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.8px;margin:0 0 12px;margin:0 0 var(--space-3,12px) 0;text-transform:uppercase}.banks-grid{grid-gap:12px;grid-gap:var(--space-3,12px);display:grid;gap:12px;gap:var(--space-3,12px);grid-template-columns:1fr 1fr 1fr;width:100%}.bank-card{animation:slideIn .4s ease-out both;background:#f8fafc;background:var(--bg-tertiary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;border-radius:var(--radius,16px);padding:16px;padding:var(--space-4,16px);transition:all .2s ease;width:100%}.bank-card:first-child{animation-delay:.1s}.bank-card:nth-child(2){animation-delay:.2s}.bank-card:nth-child(3){animation-delay:.3s}.bank-card:hover{background:#f973160a;background:var(--bg-hover,#f973160a);border-color:#f97316;border-color:var(--primary,#f97316)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.bank-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;gap:10px;margin-bottom:12px;margin-bottom:var(--space-3,12px);padding-bottom:12px;padding-bottom:var(--space-3,12px)}.bank-image{background:#fff;object-fit:contain;padding:4px}.bank-image,.bank-initial{border-radius:10px;height:40px;width:40px}.bank-initial{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);background:var(--primary-gradient,linear-gradient(135deg,#f97316,#ea580c));color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:800;justify-content:center}.bank-info{flex:1 1;min-width:0}.bank-name{color:#1a202c;color:var(--text-primary,#1a202c);font-size:13px;font-weight:700;line-height:1.2;margin-bottom:2px}.bank-type{color:#a0aec0;color:var(--text-muted,#a0aec0);font-size:10px}.bank-body{display:flex;flex-direction:column;gap:8px;gap:var(--space-2,8px);width:100%}.bank-holder{color:#a0aec0;color:var(--text-muted,#a0aec0);font-size:11px;line-height:1.3}.bank-number-wrapper{align-items:center;display:flex;gap:8px;justify-content:space-between;width:100%}.bank-number{color:#f97316;color:var(--primary,#f97316);font-family:Monaco,Menlo,Courier New,monospace;font-size:14px;font-weight:700;letter-spacing:.5px;word-break:break-all}.copy-btn{align-items:center;background:#f973160a;background:var(--bg-hover,#f973160a);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;border-radius:var(--radius-sm,8px);color:#4a5568;color:var(--text-secondary,#4a5568);cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:600;gap:4px;padding:4px 10px;transition:all .2s ease;white-space:nowrap}.copy-btn:hover{background:#f9731614;background:var(--primary-bg,#f9731614);border-color:#f97316;border-color:var(--primary,#f97316);color:#f97316;color:var(--primary,#f97316)}.copy-btn.copied{background:#10b98114;background:var(--success-bg,#10b98114);border-color:#10b981;border-color:var(--success,#10b981);color:#10b981;color:var(--success,#10b981)}.copy-btn svg{height:14px;width:14px}.payment-note-card{align-items:center;background:#f8fafc;background:var(--bg-tertiary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;border-radius:var(--radius,16px);color:#4a5568;color:var(--text-secondary,#4a5568);display:flex;font-size:13px;gap:12px;margin-bottom:24px;margin-bottom:var(--space-6,24px);padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px);text-align:left;width:100%}.payment-note-card svg{color:#f59e0b;color:var(--warning,#f59e0b);flex-shrink:0}.payment-note-card strong{color:#10b981;color:var(--success,#10b981)}.payment-pending-actions{display:flex;flex-direction:column;gap:8px;gap:var(--space-2,8px);width:100%}.btn-check-status{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);background:var(--primary-gradient,linear-gradient(135deg,#f97316,#ea580c));border:none;border-radius:8px;border-radius:var(--radius-sm,8px);color:#fff;color:var(--text-white,#fff);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:12px 20px;padding:var(--space-3,12px) var(--space-5,20px);transition:all .2s ease;width:100%}.btn-check-status:hover:not(:disabled){background:#ea580c;background:var(--primary-hover,#ea580c);box-shadow:0 8px 28px #f9731659;transform:translateY(-2px)}.btn-check-status:disabled{cursor:not-allowed;opacity:.6}.btn-check-status .spinning{animation:spin .8s linear infinite}.btn-logout{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;border-radius:var(--radius-sm,8px);color:#4a5568;color:var(--text-secondary,#4a5568);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:12px 20px;padding:var(--space-3,12px) var(--space-5,20px);transition:all .2s ease;width:100%}.btn-logout:hover{background:#f8fafc;background:var(--bg-tertiary,#f8fafc);border-color:#ef4444;border-color:var(--danger,#ef4444);color:#ef4444;color:var(--danger,#ef4444)}.payment-pending-loading{padding:32px 16px;padding:var(--space-8,32px) var(--space-4,16px);text-align:center}.payment-pending-loading .spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#f97316;border:3px solid var(--border-color,#e2e8f0);border-radius:50%;border-top-color:var(--primary,#f97316);height:40px;margin:0 auto 16px;margin:0 auto var(--space-4,16px);width:40px}.payment-pending-loading p{color:#4a5568;color:var(--text-secondary,#4a5568)}.payment-pending-error{padding:32px 16px;padding:var(--space-8,32px) var(--space-4,16px);text-align:center}.payment-pending-error svg{color:#ef4444;color:var(--danger,#ef4444);margin-bottom:16px;margin-bottom:var(--space-4,16px)}.payment-pending-error h2{color:#1a202c;color:var(--text-primary,#1a202c);margin-bottom:8px;margin-bottom:var(--space-2,8px)}.payment-pending-error p{color:#4a5568;color:var(--text-secondary,#4a5568);margin-bottom:16px;margin-bottom:var(--space-4,16px)}.btn-retry{background:linear-gradient(135deg,#f97316,#ea580c);background:var(--primary-gradient,linear-gradient(135deg,#f97316,#ea580c));border:none;border-radius:8px;border-radius:var(--radius-sm,8px);color:#fff;color:var(--text-white,#fff);cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.btn-retry:hover{box-shadow:0 8px 28px #f9731659;transform:translateY(-2px)}@media (min-width:1025px){.payment-pending-card{max-width:820px;padding:40px 32px;padding:var(--space-10,40px) var(--space-8,32px)}.business-payment-grid{grid-template-columns:1fr 1fr 1fr 1fr}.banks-grid,.owner-info-grid{grid-template-columns:1fr 1fr 1fr}.business-payment-value.amount{font-size:22px}}@media (min-width:768px) and (max-width:1024px){.payment-pending-card{max-width:640px;padding:32px 24px;padding:var(--space-8,32px) var(--space-6,24px)}.banks-grid,.business-payment-grid,.owner-info-grid{grid-template-columns:1fr 1fr}.payment-pending-title{font-size:22px;font-size:var(--font-size-2xl,22px)}.bank-card{padding:12px;padding:var(--space-3,12px)}.bank-image,.bank-initial{height:36px;width:36px}.bank-name{font-size:12px}.bank-number{font-size:13px}.business-payment-value.amount{font-size:20px}}@media (max-width:767px){.payment-pending-container{align-items:flex-start;min-height:100vh;min-height:100dvh;padding:8px;padding:var(--space-2,8px);padding-bottom:80px;padding-top:16px;padding-top:var(--space-4,16px)}.payment-pending-card{border-radius:10px;border-radius:var(--radius-md,10px);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow,0 2px 8px #0000000f);display:flex;flex-direction:column;margin:0;max-width:100%;min-height:calc(100vh - 100px);min-height:calc(100dvh - 100px);padding:16px 12px;padding:var(--space-4,16px) var(--space-3,12px)}.banks-grid,.business-payment-grid,.owner-info-grid{grid-template-columns:1fr}.payment-pending-icon-circle,.payment-pending-icon-wrapper{height:64px;width:64px}.payment-pending-icon-circle svg,.payment-pending-icon-wrapper svg{height:28px;width:28px}.payment-pending-title{font-size:20px;font-size:var(--font-size-xl,20px)}.payment-pending-subtitle{font-size:13px;font-size:var(--font-size-sm,13px);margin-bottom:12px;margin-bottom:var(--space-3,12px)}.payment-pending-status-badge{font-size:11px;margin-bottom:16px;margin-bottom:var(--space-4,16px);padding:4px 16px}.payment-pending-message-box{font-size:13px;font-size:var(--font-size-sm,13px);padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px)}.business-payment-card{margin-bottom:16px;margin-bottom:var(--space-4,16px);padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.business-payment-value{font-size:14px}.business-payment-value.amount{font-size:18px}.payment-pending-message-text{font-size:14px;font-size:var(--font-size-sm,14px)}.owner-info-card,.payment-pending-message-text{margin-bottom:16px;margin-bottom:var(--space-4,16px)}.owner-info-card{padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px)}.owner-info-item{gap:4px}.owner-info-label,.owner-info-value{font-size:12px}.banks-section{margin-bottom:16px;margin-bottom:var(--space-4,16px)}.banks-title{font-size:11px;margin-bottom:8px;margin-bottom:var(--space-2,8px)}.bank-card{padding:12px;padding:var(--space-3,12px)}.bank-header{gap:10px;margin-bottom:8px;margin-bottom:var(--space-2,8px);padding-bottom:8px;padding-bottom:var(--space-2,8px)}.bank-image,.bank-initial{height:40px;width:40px}.bank-name{font-size:13px}.bank-number{font-size:14px}.copy-btn{font-size:11px;padding:4px 10px}.payment-note-card{font-size:12px;font-size:var(--font-size-xs,12px);margin-bottom:16px;margin-bottom:var(--space-4,16px);padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px)}.payment-pending-actions{flex-direction:column;gap:8px;gap:var(--space-2,8px);margin-top:auto;padding-top:12px;padding-top:var(--space-3,12px)}.btn-check-status,.btn-logout{font-size:14px;font-size:var(--font-size-sm,14px);justify-content:center;padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px);width:100%}}@media (max-width:480px){.payment-pending-container{padding:4px;padding:var(--space-1,4px);padding-bottom:70px;padding-top:8px;padding-top:var(--space-2,8px)}.payment-pending-card{border-radius:8px;border-radius:var(--radius-sm,8px);min-height:calc(100vh - 80px);min-height:calc(100dvh - 80px);padding:12px 8px;padding:var(--space-3,12px) var(--space-2,8px)}.payment-pending-icon-circle,.payment-pending-icon-wrapper{height:52px;width:52px}.payment-pending-title{font-size:18px;font-size:var(--font-size-lg,18px)}.payment-pending-subtitle{font-size:12px;font-size:var(--font-size-sm,12px)}.payment-pending-status-badge{font-size:10px;padding:3px 12px}.payment-pending-message-box{font-size:12px;font-size:var(--font-size-xs,12px);gap:8px;padding:4px 8px;padding:var(--space-1,4px) var(--space-2,8px)}.business-payment-value.amount{font-size:16px}.payment-pending-message-text{font-size:13px;font-size:var(--font-size-sm,13px)}.bank-number{font-size:12px}.copy-btn{font-size:10px;padding:3px 8px}.btn-check-status,.btn-logout{font-size:13px;font-size:var(--font-size-sm,13px);padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px)}}@media (max-height:700px) and (max-width:1024px){.payment-pending-container{align-items:flex-start;padding:4px;padding:var(--space-1,4px);padding-bottom:60px;padding-top:8px;padding-top:var(--space-2,8px)}.payment-pending-card{min-height:calc(100vh - 70px);min-height:calc(100dvh - 70px);padding:12px;padding:var(--space-3,12px) var(--space-3,12px)}.payment-pending-icon-circle,.payment-pending-icon-wrapper{height:44px;width:44px}.payment-pending-title{font-size:18px;font-size:var(--font-size-lg,18px)}.payment-pending-subtitle{font-size:12px;font-size:var(--font-size-xs,12px)}.business-payment-value.amount{font-size:16px}.bank-image,.bank-initial{height:32px;width:32px}.bank-name,.bank-number{font-size:12px}.btn-check-status,.btn-logout{font-size:12px;font-size:var(--font-size-xs,12px);padding:8px 12px;padding:var(--space-2,8px) var(--space-3,12px)}}.access-denied-page{align-items:center;background:var(--bg-secondary);display:flex;height:90vh;justify-content:center;min-height:90vh;padding:20px}.access-denied-container{animation:accessDeniedFadeIn .5s ease-out;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-width:520px;padding:40px;text-align:center;width:100%}@keyframes accessDeniedFadeIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.access-denied-icon{display:flex;justify-content:center;margin-bottom:20px}.access-denied-icon svg{animation:accessDeniedShake .6s ease-in-out .3s}@keyframes accessDeniedShake{0%,to{transform:rotate(0deg)}10%{transform:rotate(10deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}40%{transform:rotate(-6deg)}50%{transform:rotate(3deg)}60%{transform:rotate(-3deg)}70%,to{transform:rotate(0deg)}}.access-denied-title{color:#ef4444;font-family:Syne,sans-serif;font-size:28px;font-weight:700;margin-bottom:12px}.access-denied-message{color:var(--text-secondary);font-size:16px;line-height:1.5;margin-bottom:24px}.access-denied-details{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:24px;padding:16px;text-align:left}.access-denied-detail-item{align-items:center;display:flex;font-size:14px;gap:12px;justify-content:space-between;padding:6px 0}.access-denied-detail-item:not(:last-child){border-bottom:1px solid var(--border-color)}.access-denied-detail-label{align-items:center;color:var(--text-muted);display:flex;font-size:13px;font-weight:500;gap:6px;white-space:nowrap}.access-denied-detail-label svg{color:var(--text-muted)}.access-denied-detail-value{color:var(--text-primary);font-size:13px;font-weight:600;max-width:60%;text-align:right;word-break:break-word}.access-denied-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.access-denied-btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:14px;font-weight:600;gap:8px;min-height:44px;padding:10px 24px;text-decoration:none;transition:all .25s ease}.access-denied-btn-primary{background:var(--primary-gradient);background-size:200%;color:var(--text-white)}.access-denied-btn-primary:hover{background-position:100%;box-shadow:0 4px 16px var(--primary-bg);transform:translateY(-2px)}.access-denied-btn-primary:active{transform:translateY(0)}.access-denied-btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.access-denied-btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-primary);transform:translateY(-2px)}.access-denied-btn-secondary:active{transform:translateY(0)}.access-denied-audit-note{align-items:center;background:#ef44440d;border:1px solid #ef44441a;border-radius:var(--radius-sm);color:var(--text-muted);display:flex;font-size:12px;gap:8px;justify-content:center;margin-top:20px;padding:10px 14px}.access-denied-audit-note svg{color:#ef4444;flex-shrink:0}@media (max-width:640px){.access-denied-container{margin:0 8px;padding:28px 20px}.access-denied-title{font-size:24px}.access-denied-message{font-size:14px}.access-denied-details{padding:12px}.access-denied-detail-item{flex-wrap:wrap;font-size:13px;padding:5px 0}.access-denied-detail-label{font-size:12px}.access-denied-detail-value{font-size:12px;max-width:55%}.access-denied-actions{flex-direction:column;gap:10px}.access-denied-btn{font-size:14px;justify-content:center;padding:12px 20px;width:100%}}@media (max-width:480px){.access-denied-container{padding:20px 16px}.access-denied-title{font-size:20px}.access-denied-message{font-size:13px;margin-bottom:18px}.access-denied-detail-item{align-items:flex-start;flex-direction:column;font-size:12px;gap:2px;padding:4px 0}.access-denied-detail-value{max-width:100%;text-align:left;width:100%}.access-denied-icon svg{height:48px;width:48px}.access-denied-audit-note{flex-wrap:wrap;font-size:11px;padding:8px 12px;text-align:center}.access-denied-btn{font-size:13px;min-height:40px;padding:10px 16px}}@media (max-width:380px){.access-denied-container{padding:16px 12px}.access-denied-title{font-size:18px}.access-denied-message{font-size:12px}}@media (max-height:600px){.access-denied-page{min-height:50vh;padding:12px}.access-denied-container{padding:20px 16px}.access-denied-icon{margin-bottom:12px}.access-denied-icon svg{height:40px;width:40px}.access-denied-title{font-size:20px;margin-bottom:8px}.access-denied-message{font-size:13px;margin-bottom:16px}.access-denied-details{margin-bottom:16px;padding:10px 12px}.access-denied-detail-item{font-size:12px;padding:3px 0}.access-denied-actions{gap:8px}.access-denied-btn{font-size:13px;min-height:36px;padding:8px 16px}.access-denied-audit-note{font-size:10px;margin-top:12px;padding:6px 10px}}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-layout{background:#f0f4f8;background:var(--bg-body,#f0f4f8);color:#1a202c;color:var(--text-primary,#1a202c);display:flex;flex-direction:column;min-height:100vh}.main-content{background:#0000;box-sizing:border-box;flex:1 1;min-height:100vh;padding:24px;padding:var(--space-6,24px);transition:margin-left .3s cubic-bezier(.4,0,.2,1);transition:margin-left var(--transition,.3s cubic-bezier(.4,0,.2,1))}.main-content.fullscreen-page{background:#0000;min-height:auto;padding:0!important}@media (max-width:900px){.main-content{margin-left:0!important;padding:16px;padding:var(--space-4,16px)}.main-content.fullscreen-page{padding:0!important}}@media (max-width:480px){.main-content{padding:12px;padding:var(--space-3,12px)}}.global-toast{border-radius:10px;border-radius:var(--radius-md,10px);box-shadow:0 8px 20px #00000040;box-shadow:var(--shadow-lg,0 8px 20px #00000040);color:#fff;color:var(--text-white,#fff);font-weight:600;font-weight:var(--font-weight-semibold,600);min-width:220px;padding:12px 18px;padding:var(--space-3,12px) var(--space-4,18px);position:fixed;right:16px;right:var(--space-4,16px);top:16px;top:var(--space-4,16px);transition:opacity .3s ease;transition:opacity var(--transition-fast,.3s ease);z-index:9999;z-index:var(--z-max,9999)}.global-toast-info{background:#3b82f6;background:var(--info,#3b82f6)}.global-toast-warn{background:#f59e0b;background:var(--warning,#f59e0b)}.global-toast-error{background:#ef4444;background:var(--danger,#ef4444)}.global-toast-success{background:#10b981;background:var(--success,#10b981)}.route-loading-placeholder{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.page-container{min-height:80vh}.dashboard-container,.page-content{min-height:calc(100vh - 200px)}img[width][height]{aspect-ratio:attr(width) /attr(height)}.adjustments-page{display:flex;flex-direction:column;gap:20px;padding:0}.adjustments-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.adjustments-stat{background:#fff;border:1px solid #e8edf3;border-radius:10px;box-shadow:0 1px 3px #0000000f;padding:16px 20px}.adjustments-stat-value{font-size:26px;font-weight:700;line-height:1.2}.adjustments-stat-label{color:#6b7a8f;font-size:13px;font-weight:500;margin-top:2px}.product-code{background:#f1f4f9;border-radius:4px;color:#4a5a6e;display:inline-block;font-family:Courier New,monospace;font-size:13px;font-weight:500;padding:2px 10px}.product-description{display:flex;flex-direction:column;gap:2px}.product-name{color:#1a2332;font-size:14px;font-weight:500}.product-category{border-radius:12px;color:#4a5a6e;font-size:13px;padding:2px 10px}.product-category,.product-stock{background:#f1f4f9;display:inline-block}.product-stock{border-radius:4px;font-size:14px;font-weight:600;padding:2px 8px}.product-stock.low{background:#ef44441a;color:#ef4444}.product-no-movement{color:#9aabb8;font-size:13px;font-style:italic}.product-last-movement{color:#4a5a6e;font-size:13px;white-space:nowrap}.movements-modal-body{display:flex;flex-direction:column;gap:16px;padding:4px 0}.movements-product-info{grid-gap:12px;background:#f8fafc;border:1px solid #e8edf3;border-radius:10px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:14px 18px}.movements-product-detail{display:flex;flex-direction:column;gap:2px}.movements-product-label{color:#8a9bb5;font-size:11px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.movements-product-value{color:#1a2332;font-size:15px;font-weight:600}.movements-product-stock{color:#ff8c42}.movements-filters{align-items:center;border-bottom:1px solid #e8edf3;display:flex;flex-wrap:wrap;gap:10px;padding:8px 0}.movements-filter-group{align-items:center;background:#f1f4f9;border:2px solid #0000;border-radius:8px;display:flex;gap:6px;padding:0 10px;transition:all .2s ease}.movements-filter-group:focus-within{background:#fff;border-color:#ff8c42;box-shadow:0 0 0 3px #ff8c4214}.movements-filter-icon{color:#8a9bb5}.movements-filter-select{cursor:pointer;min-width:110px;padding:6px 8px 6px 2px}.movements-filter-date,.movements-filter-select{background:#0000;border:none;color:#1a2332;font-family:inherit;font-size:13px;outline:none}.movements-filter-date{padding:6px 4px;width:110px}.movements-filter-date::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5}.movements-filter-date::-webkit-calendar-picker-indicator:hover{opacity:1}.movements-filter-clear,.movements-filter-separator{color:#8a9bb5;font-size:13px}.movements-filter-clear{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;gap:4px;padding:6px 10px;transition:all .2s ease}.movements-filter-clear:hover{background:#ef444414;color:#ef4444}.movements-table-wrapper{background:#fff;border:1px solid #e8edf3;border-radius:10px;overflow-x:auto}.movements-table{border-collapse:collapse;font-size:13px;width:100%}.movements-table thead{background:#f8fafc;border-bottom:2px solid #e8edf3}.movements-table thead th{color:#4a5a6e;font-size:12px;font-weight:600;letter-spacing:.3px;padding:10px 14px;text-align:left;text-transform:uppercase}.movements-table tbody tr{border-bottom:1px solid #f1f4f9}.movements-table tbody tr:hover{background:#fafbfc}.movements-table tbody td{padding:9px 14px;vertical-align:middle}.movements-table .movement-date{color:#4a5a6e;font-size:13px;white-space:nowrap}.movements-table .movement-type-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:3px 12px;white-space:nowrap}.movements-table .movement-quantity{font-size:14px;font-weight:700}.movements-table .movement-cost{color:#4a5a6e;font-size:13px;font-weight:500}.movements-table .movement-notes{color:#4a5a6e;display:block;font-size:13px;line-height:1.5;max-width:400px;min-width:200px;padding:6px 8px;white-space:normal;word-break:break-word}.movements-total{background:#f8fafc;border-top:1px solid #e8edf3;color:#4a5a6e;font-size:13px;font-weight:500;padding:8px 14px;text-align:right}.movements-empty{align-items:center;background:#f8fafc;border:2px dashed #e8edf3;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.movements-empty-icon{font-size:48px;margin-bottom:12px}.movements-empty p{color:#8a9bb5;font-size:15px;margin:0}.adjustments-modal-body{display:flex;flex-direction:column;gap:16px;padding:4px 0}.adjustments-mode-selector{grid-gap:8px;background:#f1f4f9;border-radius:10px;display:grid;gap:8px;grid-template-columns:1fr 1fr;padding:4px}.adjustments-mode-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7a8f;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:10px 14px;transition:all .2s ease}.adjustments-mode-btn:hover{color:#1a2332}.adjustments-mode-btn.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#1a2332}.adjustments-form-group{display:flex;flex-direction:column;gap:4px}.adjustments-form-group label{color:#4a5a6e;font-size:13px;font-weight:500}.adjustments-form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.adjustments-form-info{align-items:flex-start;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;display:flex;gap:8px;padding:10px 14px}.adjustments-form-info-icon{color:#d97706;flex-shrink:0;font-size:16px}.adjustments-form-info-text{color:#92400e;font-size:13px;line-height:1.4}.adjustments-inventory-mode{display:flex;flex-direction:column;gap:12px}.adjustments-items-actions{align-items:center;border-bottom:1px solid #e8edf3;display:flex;flex-wrap:wrap;gap:10px;padding:6px 0}.adjustments-items-count{color:#4a5a6e;font-size:13px;font-weight:500}.adjustments-already-adjusted-badge{color:#22c55e;font-size:13px;font-weight:500}.adjustments-items-buttons{display:flex;gap:6px;margin-left:auto}.adjustments-items-deselect-all,.adjustments-items-select-all{border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:4px 12px;transition:all .2s ease}.adjustments-items-select-all{background:#e8edf3;color:#4a5a6e}.adjustments-items-select-all:hover{background:#d0d9e6}.adjustments-items-deselect-all{background:#fee2e2;color:#dc2626}.adjustments-items-deselect-all:hover{background:#fecaca}.adjustments-items-list{display:flex;flex-direction:column;gap:4px;max-height:280px;overflow-y:auto;padding-right:4px}.adjustments-items-list::-webkit-scrollbar{width:5px}.adjustments-items-list::-webkit-scrollbar-track{background:#f1f4f9;border-radius:4px}.adjustments-items-list::-webkit-scrollbar-thumb{background:#d0d9e6;border-radius:4px}.adjustments-items-list::-webkit-scrollbar-thumb:hover{background:#b0c0d0}.adjustments-item{align-items:center;background:#f8fafc;border:1px solid #e8edf3;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:8px 12px;transition:all .2s ease}.adjustments-item:hover{background:#f1f4f9;border-color:#d0d9e6}.adjustments-item.adjusted{cursor:not-allowed;opacity:.5}.adjustments-item input[type=checkbox]{accent-color:#ff8c42;cursor:pointer;flex-shrink:0;height:16px;width:16px}.adjustments-item.adjusted input[type=checkbox]{cursor:not-allowed}.adjustments-item-name{color:#1a2332;flex:1 1;font-size:13px;font-weight:500}.adjustments-item-stock{color:#4a5a6e;font-size:13px}.adjustments-item-diff{font-size:14px;font-weight:700;min-width:36px;padding:0 6px;text-align:center}.adjustments-item-diff.positive{color:#22c55e}.adjustments-item-diff.negative{color:#ef4444}.adjustments-item-badge{background:#22c55e1a;border-radius:4px;color:#22c55e;font-size:11px;padding:2px 8px}.adjustments-no-items{background:#f8fafc;border-radius:8px;color:#8a9bb5;font-size:14px;padding:30px 20px;text-align:center}.modal-error-text{color:#ef4444;font-weight:500;padding:4px 0}@media (max-width:768px){.adjustments-page{gap:14px;padding:12px}.adjustments-stats{gap:10px;grid-template-columns:repeat(2,1fr)}.adjustments-stat{padding:12px 14px}.adjustments-stat-value{font-size:20px}.movements-product-info{gap:8px;grid-template-columns:1fr 1fr;padding:12px 14px}.movements-filters{align-items:stretch;flex-direction:column;gap:8px}.movements-filter-group{width:100%}.movements-filter-date{flex:1 1;width:auto}.movements-table-wrapper{font-size:12px}.movements-table tbody td,.movements-table thead th{padding:7px 10px}.movements-table .movement-notes{max-width:80px}.adjustments-form-row,.adjustments-mode-selector{grid-template-columns:1fr}.adjustments-form-row{gap:8px}.adjustments-items-actions{align-items:flex-start;flex-direction:column}.adjustments-items-buttons{margin-left:0;width:100%}.adjustments-items-deselect-all,.adjustments-items-select-all{flex:1 1;text-align:center}.adjustments-item{flex-wrap:wrap;gap:6px}.adjustments-item-name{width:100%}}@media (max-width:480px){.adjustments-stats{gap:8px;grid-template-columns:1fr 1fr}.adjustments-stat{padding:10px 12px}.adjustments-stat-value{font-size:18px}.movements-product-info{grid-template-columns:1fr}.movements-table .movement-notes{max-width:50px}}.order-summary{background:var(--bg-secondary);margin-top:8px;padding-top:8px}.summary-row{align-items:center;color:var(--text-primary);display:flex;font-size:12px;justify-content:space-between;line-height:1.7;padding:0}.summary-row.total{border-top:1px solid #ffffff1a;color:var(--text-primary);font-size:13px;font-weight:800;margin-top:2px;padding-top:4px}.summary-row.total span:last-child{font-size:14px}.validation-message{align-items:center;border-radius:6px;box-sizing:border-box;font-size:10px;font-weight:500;gap:4px;margin:4px auto;padding:4px 10px;text-align:center}.validation-message,.validation-wrapper{display:flex;justify-content:center;width:100%}.validation-message.error{background:#dc354526;border:1px solid #dc35454d;color:#ff6b6b}.validation-message.warning{background:#f59e0b26;border:1px solid #f59e0b4d;color:var(--warning)}.validation-message.success{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.btn-send-kitchen{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;box-shadow:0 3px 10px #f59e0b40;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:700;gap:6px;justify-content:center;letter-spacing:.5px;margin-top:6px;overflow:hidden;padding:8px 16px;position:relative;text-transform:uppercase;transition:all .2s ease;width:100%}.btn-send-kitchen:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-send-kitchen:hover:before{left:100%}.btn-send-kitchen:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 18px #f59e0b66;transform:translateY(-1px)}.btn-send-kitchen:active{transform:translateY(0)}.btn-send-kitchen:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.btn-send-kitchen:disabled:before{display:none}.btn-send-kitchen .spinner,.btn-send-kitchen svg{flex-shrink:0;height:14px;width:14px}.btn-send-kitchen .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff}.ot-wrap{display:flex;flex-direction:column;gap:16px;padding:4px 0}.ot-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.ot-stat{background:#13161f;border:1px solid #1e2535;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:16px 18px;transition:border-color .15s}.ot-stat-val{color:#f1f5f9;font-size:30px;font-weight:800;line-height:1}.ot-stat-lbl{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.ot-stat--amber .ot-stat-val{color:#f59e0b}.ot-stat--blue .ot-stat-val{color:#3b82f6}.ot-stat--green .ot-stat-val{color:#22c55e}.ot-toolbar{flex-wrap:wrap;gap:10px}.ot-search,.ot-toolbar{align-items:center;display:flex}.ot-search{background:#13161f;border:1px solid #1e2535;border-radius:8px;color:#64748b;flex:1 1;gap:8px;min-width:200px;padding:9px 13px;transition:border-color .15s}.ot-search:focus-within{border-color:#22c55e;color:#22c55e}.ot-search input{background:none;border:none;color:#f1f5f9;font-size:13px;outline:none;width:100%}.ot-search input::placeholder{color:#64748b}.ot-icon-btn,.ot-toolbar-right{display:flex;gap:6px}.ot-icon-btn{align-items:center;background:#13161f;border:1px solid #1e2535;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:9px 13px;transition:all .15s;white-space:nowrap}.ot-icon-btn:hover{border-color:#2a3040;color:#94a3b8}.ot-icon-btn.active{background:#22c55e14;border-color:#22c55e;color:#22c55e}.ot-icon-btn.refresh:hover{border-color:#3b82f6;color:#3b82f6}.ot-icon-btn.spinning svg{animation:ot-spin .8s linear infinite}.ot-icon-btn:disabled{cursor:not-allowed;opacity:.5}@keyframes ot-spin{to{transform:rotate(1turn)}}.ot-tabs{display:flex;flex-wrap:wrap;gap:6px}.ot-tab{background:#13161f;border:1px solid #1e2535;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:7px 16px;transition:all .15s}.ot-tab:hover{border-color:#2a3040;color:#94a3b8}.ot-tab.active{background:#22c55e1a;border-color:#22c55e66;color:#22c55e}.ot-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#f87171;font-size:13px;padding:10px 14px}.ot-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:14px;gap:14px;padding:70px 0}.ot-spinner{animation:ot-spin .7s linear infinite;border:3px solid #1e2535;border-radius:50%;border-top-color:#22c55e;height:34px;width:34px}.ot-empty{align-items:center;color:#1e2535;display:flex;flex-direction:column;gap:12px;padding:70px 0}.ot-empty p{color:#64748b;font-size:15px;margin:0}.ot-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.04em;padding:3px 10px;text-transform:uppercase;white-space:nowrap}.ot-badge-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.ot-mesa-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.ot-mesa-card{background:#13161f;border:1.5px solid #1e2535;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;transition:border-color .15s,transform .1s,box-shadow .15s}.ot-mesa-card:before{background:#22c55e;background:var(--sc,#22c55e);content:"";height:3px;left:0;position:absolute;right:0;top:0}.ot-mesa-card:hover{border-color:#22c55e;border-color:var(--sc,#22c55e);box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.ot-mesa-body{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px 16px 12px}.ot-mesa-top{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.ot-mesa-num{color:#64748b;font-size:13px;font-weight:600;line-height:1.2}.ot-mesa-num strong{color:#f1f5f9;display:block;font-size:26px;font-weight:800;line-height:1}.ot-mesa-badge{border-radius:20px;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.04em;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.ot-mesa-meta{align-items:center;display:flex;gap:8px;justify-content:space-between}.ot-mesa-ordernum{color:#64748b;font-size:12px;font-weight:600}.ot-mesa-client{color:#94a3b8;font-size:12px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ot-mesa-items-list{display:flex;flex-direction:column;gap:3px;min-height:36px}.ot-mesa-item-row{align-items:center;color:#94a3b8;display:flex;font-size:12px;gap:6px;overflow:hidden}.ot-mesa-iqty{color:#22c55e;color:var(--sc,#22c55e);flex-shrink:0;font-weight:700;min-width:22px}.ot-mesa-iname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ot-mesa-more{color:#475569;font-size:11px;font-style:italic}.ot-mesa-footer{align-items:center;background:#0f1219;border-top:1px solid #1e2535;display:flex;justify-content:space-between;padding:10px 16px}.ot-mesa-elapsed{align-items:center;color:#64748b;display:flex;font-size:11px;gap:4px}.ot-mesa-total{color:#22c55e;font-size:18px;font-weight:800}.ot-mesa-action-btn{align-items:center;background:#22c55e;background:var(--sc,#22c55e);border:none;border-radius:0 0 10px 10px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:6px;justify-content:center;padding:11px;transition:opacity .15s;width:100%}.ot-mesa-action-btn:hover:not(:disabled){opacity:.88}.ot-mesa-action-btn:disabled{cursor:not-allowed;opacity:.45}.ot-list-wrap{background:#13161f;border:1px solid #1e2535;border-radius:10px;overflow-x:auto}.ot-list{border-collapse:collapse;font-size:13px;width:100%}.ot-list thead tr{background:#0f1219}.ot-list th{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.05em;padding:11px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.ot-list th,.ot-list-row{border-bottom:1px solid #1e2535}.ot-list-row{cursor:pointer;transition:background .1s}.ot-list-row:last-child{border-bottom:none}.ot-list-row:hover{background:hsla(0,0%,100%,.025)}.ot-list td{padding:13px 14px;vertical-align:middle}.ot-list-mesa-cell{display:flex;flex-direction:column;gap:2px}.ot-list-mesa{color:#f1f5f9;font-size:16px;font-weight:800;white-space:nowrap}.ot-list-type{color:#64748b;font-size:13px}.ot-list-num{color:#64748b;font-size:12px;font-weight:600}.ot-list-client{color:#94a3b8}.ot-list-items{color:#64748b;font-size:12px}.ot-list-total{color:#22c55e;font-size:15px;font-weight:800;white-space:nowrap}.ot-list-elapsed{align-items:center;color:#64748b;display:flex;font-size:12px;gap:4px;white-space:nowrap}.ot-list-action-btn{background:none;border:1.5px solid;border-radius:6px;cursor:pointer;font-size:12px;font-weight:700;padding:6px 12px;transition:opacity .15s,background .15s;white-space:nowrap}.ot-list-action-btn:hover:not(:disabled){opacity:.75}.ot-list-action-btn:disabled{cursor:not-allowed;opacity:.4}.ot-overlay{backdrop-filter:blur(4px);background:#000000a6;inset:0;position:fixed;z-index:1000}.ot-modal{border:1px solid #1e2535;border-radius:16px;box-shadow:0 32px 80px #000000b3;flex-direction:column;left:50%;max-height:88vh;max-width:500px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);z-index:1001}.ot-modal,.ot-modal-head{background:#13161f;display:flex}.ot-modal-head{align-items:flex-start;border-bottom:1px solid #1e2535;gap:12px;justify-content:space-between;padding:20px 20px 16px;position:sticky;top:0;z-index:2}.ot-modal-title{align-items:center;color:#f1f5f9;display:flex;flex-wrap:wrap;font-size:22px;font-weight:800;gap:10px}.ot-modal-ordernum{color:#64748b;font-size:13px;font-weight:600}.ot-modal-meta{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:13px;gap:12px;margin-top:4px}.ot-modal-elapsed{align-items:center;display:flex;gap:4px}.ot-modal-close{align-items:center;background:#1a1f2e;border:1px solid #1e2535;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;padding:8px;transition:all .15s}.ot-modal-close:hover{border-color:#ef4444;color:#ef4444}.ot-modal-section{display:flex;flex-direction:column;gap:8px;padding:16px 20px}.ot-modal-section+.ot-modal-section{padding-top:0}.ot-modal-item-card{align-items:flex-start;background:#0f1219;border:1px solid #1e2535;border-radius:8px;display:flex;gap:10px;justify-content:space-between;padding:11px 13px;transition:border-color .15s}.ot-modal-item-card:hover{border-color:#2a3040}.ot-modal-item-left{align-items:flex-start;display:flex;flex:1 1;gap:10px;min-width:0}.ot-modal-item-qty{color:#22c55e;flex-shrink:0;font-size:15px;font-weight:800;min-width:30px}.ot-modal-item-name{color:#f1f5f9;font-size:14px;font-weight:600;line-height:1.3}.ot-modal-item-note{color:#f59e0b;font-size:12px;margin-top:2px}.ot-modal-item-price{color:#94a3b8;flex-shrink:0;font-size:14px;font-weight:700;white-space:nowrap}.ot-modal-divider{background:#1e2535;height:1px;margin:0 20px}.ot-modal-totals{display:flex;flex-direction:column;gap:7px;padding:14px 20px}.ot-modal-notes-box{background:#f59e0b14;border:1px solid #f59e0b33;border-radius:8px;color:#fbbf24;font-size:13px;margin-bottom:4px;padding:9px 12px}.ot-modal-row{color:#64748b;display:flex;font-size:13px;justify-content:space-between}.ot-modal-row span:last-child{color:#94a3b8;font-weight:600}.ot-modal-row--main{border-top:1px solid #1e2535;color:#f1f5f9;font-size:16px;font-weight:700;margin-top:4px;padding-top:10px}.ot-modal-row--main span:last-child{color:#22c55e;font-size:22px;font-weight:800}.ot-modal-actions{background:#13161f;border-top:1px solid #1e2535;bottom:0;padding:16px 20px;position:sticky;z-index:2}.ot-modal-btn{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:14px;transition:opacity .15s,transform .1s;width:100%}.ot-modal-btn:hover:not(:disabled){opacity:.88}.ot-modal-btn:active:not(:disabled){transform:scale(.99)}.ot-modal-btn:disabled{cursor:not-allowed;opacity:.45}@media (max-width:767px){.ot-stats{grid-template-columns:repeat(2,1fr)}.ot-stat-val{font-size:22px}.ot-toolbar{align-items:stretch;flex-direction:column}.ot-search{min-width:0}.ot-toolbar-right{justify-content:flex-end}}@media (max-width:640px){.ot-stats{grid-template-columns:repeat(2,1fr)}.ot-mesa-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.ot-modal{border-radius:16px 16px 0 0;bottom:0;left:0;max-height:92vh;max-width:100%;right:0;top:auto;transform:none;width:100%}}@media (max-width:400px){.ot-stats{grid-template-columns:1fr}}.modal-grid-3{grid-gap:16px 20px;display:grid;gap:16px 20px;grid-template-columns:1fr 2fr 1fr}.modal-grid-3_1{grid-gap:16px 20px;display:grid;gap:16px 20px;grid-template-columns:2fr 1fr 1fr}.emp-status{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 12px;text-transform:capitalize}.emp-status.active{background:#dcfce7;color:#16a34a}.emp-status.active:before{background:#22c55e;border-radius:50%;content:"";display:inline-block;height:6px;width:6px}.emp-status.inactive{background:#fee2e2;color:#dc2626}.emp-status.inactive:before{background:#ef4444;border-radius:50%;content:"";display:inline-block;height:6px;width:6px}.spinning{animation:spin .8s linear infinite}@media (max-width:768px){.modal-grid-3{grid-template-columns:1fr 1fr}}@media (max-width:480px){.modal-grid-3{grid-template-columns:1fr}}.pay-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.pay-toolbar-custom{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4);width:100%}.pay-toolbar-custom .button-group{flex-wrap:wrap;gap:var(--space-2)}.users-toolbar{gap:8px;gap:var(--space-2,8px)}.pay-filters,.users-toolbar{align-items:center;display:flex;flex-wrap:wrap;width:100%}.pay-filters{gap:var(--space-3);margin-bottom:var(--space-6)}.pay-filters input[type=date],.pay-filters select{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);height:40px;min-width:140px;padding:var(--space-2) var(--space-3);transition:var(--transition-fast)}.pay-filters input[type=date]:hover:not(:disabled),.pay-filters select:hover:not(:disabled){border-color:var(--border-hover)}.pay-filters input[type=date]:focus,.pay-filters select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-bg);outline:none}.pay-filters input[type=date]:disabled,.pay-filters select:disabled{cursor:not-allowed;opacity:.6}.payroll-date-range{gap:4px;gap:var(--space-1,4px)}.payroll-date-input{background:var(--bg-input,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);font-size:12px;font-size:var(--font-size-xs,12px);padding:4px 8px;padding:var(--space-1,4px) var(--space-2,8px);transition:all .15s ease;transition:var(--transition-fast,all .15s ease);width:120px}.payroll-date-input:focus{border-color:#f97316;border-color:var(--primary,#f97316);box-shadow:0 0 0 3px #f973161a;box-shadow:0 0 0 3px var(--primary-bg,#f973161a);outline:none}.payroll-date-input:disabled{opacity:.6}.payroll-date-separator{color:#6b7280;color:var(--text-muted,#6b7280);font-weight:var(--font-weight-light);padding:0 4px;padding:0 var(--space-1,4px)}.payroll-date-range-label{background:#f8fafc;background:var(--bg-tertiary,#f8fafc);border-radius:6px;border-radius:var(--radius-sm,6px);color:#6b7280;color:var(--text-muted,#6b7280);font-size:12px;font-size:var(--font-size-xs,12px);padding:4px 10px;white-space:nowrap}.employee-selection-section{background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-4);padding:var(--space-4)}.employee-selection-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-3)}.employee-selection-header h3{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.select-all-btn{background:var(--bg-tertiary);border-color:var(--border-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3);transition:var(--transition-fast)}.select-all-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.select-all-btn:disabled{cursor:not-allowed;opacity:.5}.employee-selection-container{grid-gap:var(--space-2);background:var(--bg-secondary);border-radius:var(--radius-md);display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-height:300px;overflow-y:auto;padding:var(--space-2)}.employee-selection-loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-2)}.employee-selection-empty,.employee-selection-loading{color:var(--text-muted);grid-column:1/-1;padding:var(--space-8);text-align:center}.employee-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:var(--transition-fast)}.employee-card:hover{background:var(--bg-hover);border-color:var(--border-hover)}.employee-card.selected{background:var(--success-bg);border:2px solid var(--success)}.employee-card input[type=checkbox]{cursor:pointer;flex-shrink:0;margin:0;transform:scale(1.1)}.employee-card-info{flex:1 1;min-width:0}.employee-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pay-stats{flex-wrap:wrap;margin-bottom:var(--space-6)}.pay-card,.pay-stats{display:flex;gap:var(--space-4)}.pay-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);flex:1 1;font-weight:var(--font-weight-bold);min-width:160px;padding:var(--space-4) var(--space-5);transition:var(--transition)}.pay-card:hover{background:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-2px)}.pay-card .pay-icon{color:var(--primary);flex-shrink:0;height:28px;opacity:.8;width:28px}.pay-card.extra .pay-icon{color:var(--warning)}.pay-card .pay-content{flex:1 1}.pay-card .pay-amount{color:var(--text-primary);display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.2}.pay-card .pay-label{color:var(--text-muted);font-size:var(--font-size-xs);margin-bottom:0;margin-top:var(--space-1)}.pay-card.extra .pay-amount{color:var(--warning)}.pay-table{border-collapse:collapse;font-size:var(--font-size-sm);margin:var(--space-3) 0;width:100%}.pay-table thead th{background:var(--bg-tertiary);border-bottom:2px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:var(--space-2) var(--space-3);position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.pay-table tbody td{border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:var(--space-2) var(--space-3)}.pay-table tbody tr:hover{background:var(--bg-hover)}.pay-table tfoot td{background:var(--bg-tertiary);border-top:2px solid var(--border-color);padding:var(--space-2) var(--space-3)}.extra-hours,.pay-table tfoot td{font-weight:var(--font-weight-bold)}.extra-hours{color:var(--warning)!important}.pay-modal-backdrop{align-items:center;animation:payFadeIn .3s ease;backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed}@keyframes payFadeIn{0%{opacity:0}to{opacity:1}}@keyframes paySlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pay-modal{animation:paySlideUp .3s ease;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);max-height:90vh;max-width:95%;overflow-y:auto;padding:var(--space-6)}.pay-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.pay-modal-header b{color:var(--text-primary);font-size:var(--font-size-md)}.pay-modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:var(--space-1);transition:var(--transition-fast)}.pay-modal-close:hover{background:var(--danger-bg);color:var(--danger)}.pay-modal-empty{padding:var(--space-8) var(--space-4);text-align:center}.pay-modal-empty .empty-icon{font-size:48px;margin-bottom:var(--space-3)}.pay-modal-empty .empty-title{color:var(--success);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.pay-modal-empty .empty-description{color:var(--text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-5)}.pay-modal-empty .empty-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.pay-modal-z-high{z-index:10001}.pay-modal-z-saved{z-index:2000}.pay-modal-z-paid{z-index:2500}.pay-modal-z-details{z-index:3000}.payment-method-modal{max-width:420px;text-align:center}.payment-method-header{margin-bottom:var(--space-4)}.payment-method-header h3{color:var(--success);font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.payment-method-header p{color:var(--text-muted);font-size:var(--font-size-sm);margin:0}.payment-method-header .text-success{color:var(--success)}.payment-method-options{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-5)}.payment-method-btn{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:12px 28px;transition:var(--transition-fast)}.payment-method-btn:hover{border-color:var(--border-hover)}.payment-method-btn.active-cash{background:var(--success-bg);border-color:var(--success);color:var(--success)}.payment-method-btn.active-transfer{background:var(--info-bg);border-color:var(--info);color:var(--info)}.payment-method-actions{display:flex;gap:var(--space-3)}.payment-method-actions .btn-cancelar{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:10px 20px;transition:var(--transition-fast)}.payment-method-actions .btn-cancelar:hover{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.payment-method-actions .btn-confirmar{background:var(--primary);border:none;border-radius:var(--radius-md);color:var(--text-white);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:10px 20px;transition:var(--transition-fast)}.payment-method-actions .btn-confirmar:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.payment-method-actions .btn-confirmar:disabled{cursor:not-allowed;opacity:.6;transform:none}.details-period-info{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--font-size-xs);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3)}.details-modal{max-width:95%;min-width:800px}.bg-supplementary{background-color:#fef3c7!important}.bg-extraordinary{background-color:#fecaca!important}.bg-night{background-color:#bfdbfe!important}.payroll-days-selector-modal{padding:4px 0}.payroll-days-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr);margin-bottom:16px}.payroll-day-btn-modal{align-items:center;background:#fff;background:var(--bg-card,#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:8px;border-radius:var(--radius-sm,8px);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:65px;padding:10px 4px;position:relative;transition:all .2s ease}.payroll-day-btn-modal:hover:not(:disabled){background:#f973160a;background:var(--bg-hover,#f973160a);border-color:#f97316;border-color:var(--primary,#f97316)}.payroll-day-btn-modal.selected{background:#f973161a;background:var(--primary-bg,#f973161a);border-color:#f97316;border-color:var(--primary,#f97316)}.payroll-day-btn-modal.weekend{background:#f8fafc;background:var(--bg-tertiary,#f8fafc)}.payroll-day-btn-modal.weekend.selected{background:#f973161a;background:var(--primary-bg,#f973161a)}.payroll-day-btn-modal:disabled{cursor:not-allowed;opacity:.5}.payroll-day-check{color:#f97316;color:var(--primary,#f97316);font-size:14px;font-weight:700;line-height:1;position:absolute;right:5px;top:3px}.payroll-day-number{color:#1a202c;color:var(--text-primary,#1a202c);font-size:20px;font-weight:600;line-height:1.2}.payroll-day-btn-modal.selected .payroll-day-number{color:#f97316;color:var(--primary,#f97316)}.payroll-day-name{color:#6b7280;color:var(--text-muted,#6b7280);font-size:10px;margin-top:2px}.payroll-days-summary{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);color:#4a5568;color:var(--text-secondary,#4a5568);font-size:14px;padding:8px 0;text-align:center}.payroll-days-summary .text-muted{color:#6b7280;color:var(--text-muted,#6b7280)}.pay-btn-secondary{background:#f8fafc;background:var(--bg-tertiary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;border-radius:var(--radius-sm,8px);color:#4a5568;color:var(--text-secondary,#4a5568);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s ease}.pay-btn-secondary:hover:not(:disabled){background:#f973160a;background:var(--bg-hover,#f973160a)}.pay-btn-primary{background:#f97316;background:var(--primary,#f97316);border:none;border-radius:8px;border-radius:var(--radius-sm,8px);color:#fff;cursor:pointer;font-size:13px;padding:8px 20px;transition:all .2s ease}.pay-btn-primary:hover:not(:disabled){background:#e8650e;background:var(--primary-dark,#e8650e)}.pay-btn-primary:disabled{cursor:not-allowed;opacity:.6}.spinner{animation:paySpin .6s linear infinite;border:2px solid var(--border-color);border-radius:var(--radius-full);border-top-color:var(--primary);display:inline-block;height:16px;width:16px}@keyframes paySpin{to{transform:rotate(1turn)}}.pay-legend{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-top:var(--space-4);padding:var(--space-3) var(--space-4)}.pay-legend small{color:var(--text-muted);font-size:var(--font-size-xs)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-success{color:var(--success)}.text-muted{color:var(--text-muted)}.font-bold{font-weight:var(--font-weight-bold)}.font-medium{font-weight:var(--font-weight-medium)}.pay-extra-hours{color:var(--warning)!important;font-weight:var(--font-weight-bold)}@media (max-width:1024px){.payroll-date-input{width:100px}}@media (max-width:900px){.pay-stats{flex-direction:column}.pay-card{min-width:auto}.pay-filters{align-items:stretch;flex-direction:column}.pay-filters .date-range,.pay-filters select{width:100%}.pay-filters select{min-width:auto}.pay-toolbar{flex-direction:column}.pay-toolbar button{justify-content:center;width:100%}.pay-toolbar-custom .button-group{flex-direction:column;width:100%}.pay-toolbar-custom .button-group button{justify-content:center;width:100%}.details-modal{min-width:auto;width:95%}.employee-selection-container{grid-template-columns:1fr 1fr}.payment-method-options{align-items:stretch;flex-direction:column}.payment-method-actions{flex-direction:column}.employee-selection-header{align-items:stretch;flex-direction:column;gap:var(--space-2)}}@media (max-width:768px){.users-toolbar{align-items:stretch;flex-direction:column;gap:8px;gap:var(--space-2,8px)}.payroll-date-range{width:100%}.payroll-date-input{flex:1 1;width:100%}.pay-modal{padding:var(--space-3);width:95%}.pay-modal table{font-size:var(--font-size-xs)}.pay-modal td,.pay-modal th{padding:var(--space-1) var(--space-2)}.pay-table td,.pay-table th{font-size:var(--font-size-xs);padding:var(--space-2)}.pay-card{padding:var(--space-3)}.pay-card .pay-amount{font-size:var(--font-size-lg)}.pay-btn-small{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.payment-method-modal{max-width:95%}.employee-selection-container{grid-template-columns:1fr;max-height:200px}.payroll-days-grid{gap:4px}.payroll-day-btn-modal{min-height:55px;padding:6px 2px}.payroll-day-number{font-size:16px}.payroll-open-days-selector-btn{justify-content:center;width:100%}}@media (max-width:480px){.payroll-date-input{font-size:10px;font-size:var(--font-size-xs,10px);height:28px;padding:4px;padding:var(--space-1,4px)}.payroll-day-btn-modal{min-height:45px;padding:4px 2px}.payroll-day-number{font-size:14px}.payroll-day-name{font-size:8px}}@media print{.employee-selection-section,.pay-filters,.pay-legend,.pay-modal-backdrop,.pay-stats,.pay-toolbar,.pay-toolbar-custom{display:none!important}.pay-modal{background:#fff!important;border:1px solid #ddd!important;box-shadow:none!important}.pay-table{min-width:auto!important}.pay-table thead th{background:#f0f0f0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.payroll-date-range{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);display:flex;gap:8px;padding:4px 12px 4px 4px}.payroll-date-input{border:none;border-radius:6px;border-radius:var(--radius-sm,6px);color:#1a202c;color:var(--text-primary,#1a202c);font-family:Inter;font-family:var(--font-family,Inter);font-size:13px;font-size:var(--font-size-sm,13px);height:32px;outline:none;padding:6px 10px;transition:all .2s ease;width:140px}.payroll-date-input,.payroll-date-input:focus{background:#fff;background:var(--bg-card,#fff)}.payroll-date-input:focus{box-shadow:0 0 0 2px #f9731626;box-shadow:0 0 0 2px var(--primary-bg,#f9731626)}.payroll-date-input:hover:not(:disabled){background:#fff;background:var(--bg-card,#fff)}.payroll-date-input:disabled{background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);cursor:not-allowed;opacity:.5}.payroll-date-separator{font-size:13px;font-size:var(--font-size-sm,13px);font-weight:300;font-weight:var(--font-weight-light,300);padding:0 2px}.payroll-date-label,.payroll-date-separator{color:#94a3b8;color:var(--text-muted,#94a3b8);-webkit-user-select:none;user-select:none}.payroll-date-label{font-size:11px;font-size:var(--font-size-xs,11px);font-weight:600;font-weight:var(--font-weight-semibold,600);letter-spacing:.5px;padding:0 4px 0 8px;text-transform:uppercase}@media (max-width:768px){.payroll-date-range{flex-wrap:wrap;padding:8px;width:100%}.payroll-date-input{flex:1 1;min-width:100px;width:100%}.payroll-date-label{padding:0 0 4px;text-align:center;width:100%}}@media (max-width:480px){.payroll-date-range{align-items:stretch;flex-direction:column}.payroll-date-input{font-size:12px;font-size:var(--font-size-xs,12px);height:28px;padding:4px 8px;width:100%}.payroll-date-separator{padding:2px 0;text-align:center}}.reports-inventory-container{padding:var(--space-0)}.inventory-stats-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:var(--space-4)}.stat-card-mini{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-3)}.stat-card-mini-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.stat-card-mini-label{color:var(--text-muted);font-size:.75rem;letter-spacing:.03em;text-transform:uppercase}.stat-card-mini-value{color:var(--text-primary);font-size:1.25rem;font-weight:700}.inventory-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:var(--space-1);margin-bottom:var(--space-4);padding-bottom:var(--space-2)}.inventory-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all .2s}.inventory-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.inventory-tab.active{background:var(--bg-primary);box-shadow:inset 0 -2px 0 var(--primary);color:var(--primary)}.inventory-toolbar{margin-bottom:var(--space-3);padding:var(--space-2) 0}.inventory-toolbar,.inventory-toolbar-left{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.inventory-toolbar-left{flex:1 1}.inventory-toolbar-right{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.inventory-table-container{margin-top:var(--space-2)}.inventory-detail-body,.product-kardex-body{padding:var(--space-2) 0}.inventory-detail-info,.product-kardex-info{grid-gap:var(--space-2);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:var(--space-4);padding:var(--space-3)}.inventory-detail-info div,.product-kardex-info div{font-size:.9rem}.btn-icon{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:var(--space-1);transition:all .2s}.btn-icon:hover{background:var(--bg-hover);color:var(--primary)}.truncate{display:inline-block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-container{margin:0 auto;max-width:1600px}.crm-notification{animation:slideInRight .3s ease-out;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-5);position:fixed;right:24px;top:80px;z-index:var(--z-notification)}.crm-notification.success{background:var(--success-bg);border:1px solid #10b9814d;color:var(--success)}.crm-notification.error{background:var(--danger-bg);border:1px solid #ef44444d;color:var(--danger)}.crm-notification.warning{background:var(--warning-bg);border:1px solid #f59e0b4d;color:var(--warning)}.crm-notification.info{background:var(--info-bg);border:1px solid #3b82f64d;color:var(--info)}.crm-stats-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-6)}@media (max-width:1024px){.crm-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.crm-stats-grid{grid-template-columns:1fr}}.crm-stat-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-4);padding:var(--space-5);transition:var(--transition)}.crm-stat-card:hover{border-color:var(--border-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.crm-stat-card .stat-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.crm-stat-card .stat-icon.total{background:var(--purple-bg);color:var(--purple)}.crm-stat-card .stat-icon.active{background:var(--success-bg);color:var(--success)}.crm-stat-card .stat-icon.new{background:var(--info-bg);color:var(--info)}.crm-stat-card .stat-icon.orders{background:var(--primary-bg);color:var(--primary)}.crm-stat-card .stat-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.crm-stat-card .stat-value{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);line-height:1.2}.crm-stat-card .stat-label{color:var(--text-muted);font-size:var(--font-size-sm);margin-top:var(--space-1)}.header-actions .invoice-source-badge{align-items:center;background:var(--primary-bg);border:1px solid var(--border-primary);border-radius:20px;color:var(--primary);display:flex;font-size:var(--font-size-xs);gap:var(--space-2);padding:var(--space-1) var(--space-3)}.header-actions .btn-refresh{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:var(--transition-fast)}.header-actions .btn-refresh:hover{background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--text-primary)}.header-actions .btn-refresh:disabled{cursor:not-allowed;opacity:.5}.header-actions .btn-refresh .spin{animation:spin 1s linear infinite}.crm-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.crm-table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.crm-table-container::-webkit-scrollbar{height:6px;width:6px}.crm-table-container::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.crm-table-container::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}.crm-table-container::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}@media (max-width:768px){.header-actions{flex-wrap:wrap}.header-actions .invoice-source-badge{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.crm-table-container{overflow-x:auto}.crm-table-container .crm-table{min-width:700px}}@media (max-width:640px){.crm-stats-grid{grid-template-columns:1fr}.header-actions{flex-direction:column;width:100%}.header-actions .btn-refresh,.header-actions .invoice-source-badge{justify-content:center;width:100%}.crm-toolbar{width:100%}.crm-toolbar .btn-add{justify-content:center;width:100%}}.crm-email-container{padding:var(--space-2) 0 var(--space-10)}.crm-alert{align-items:center;animation:slideDown .2s ease;border-radius:var(--radius-md);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4)}.crm-alert.error{background:var(--danger-bg);border:1px solid #ef444440;color:var(--danger)}.crm-alert.success{background:var(--success-bg);border:1px solid #10b98140;color:var(--success)}.crm-empty-state{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-lg);padding:70px var(--space-8);text-align:center}.crm-empty-state-icon{align-items:center;background:var(--primary-bg);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--primary);display:flex;height:72px;justify-content:center;margin:0 auto var(--space-5);width:72px}.crm-empty-state h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2)}.crm-empty-state p{color:var(--text-muted);font-size:var(--font-size-base);margin-bottom:var(--space-6)}.crm-table-title{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.crm-table-date,.crm-table-subject{color:var(--text-muted);font-size:var(--font-size-sm)}.campaign-status{border-radius:20px;display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:3px 9px;text-transform:uppercase}.campaign-status.active{background:var(--success-bg);border:1px solid #10b9814d;color:var(--success)}.campaign-status.inactive{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-muted)}.crm-modal-title{align-items:center;display:flex;gap:var(--space-2)}.crm-modal-title-icon{align-items:center;background:var(--primary-bg);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--primary);display:flex;height:34px;justify-content:center;width:34px}.crm-modal-body-fields{display:flex;flex-direction:column;gap:var(--space-5)}.crm-modal-field{display:flex;flex-direction:column;gap:var(--space-2)}.crm-modal-label{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);gap:var(--space-2);letter-spacing:.6px;text-transform:uppercase}.crm-modal-label .req{color:var(--danger)}.crm-modal-label .opt{font-weight:var(--font-weight-normal);text-transform:none}.crm-modal-hint,.crm-modal-label .opt{color:var(--text-dim);font-size:var(--font-size-sm)}.crm-modal-hint{line-height:1.5;margin:0}.crm-editor-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:2px;margin-bottom:var(--space-3)}.crm-editor-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:-1px;padding:var(--space-2) var(--space-4);transition:color .15s}.crm-editor-tab.active{border-bottom-color:var(--success);color:var(--success)}.crm-editor-tab:not(.active):hover{color:var(--text-secondary)}.crm-vars-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.crm-vars-label{color:var(--text-muted)}.crm-var-chip,.crm-vars-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.crm-var-chip{background:var(--success-bg);border:1px solid #10b98140;border-radius:20px;color:var(--success);cursor:pointer;padding:3px var(--space-3);transition:var(--transition-fast)}.crm-var-chip:hover{background:#10b98126;border-color:#10b98166}.crm-msg-textarea{background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);line-height:1.7;min-height:180px;outline:none;padding:var(--space-4);resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.crm-msg-textarea:focus{border-color:var(--success);box-shadow:0 0 0 3px #10b9811a}.crm-msg-textarea::placeholder{color:var(--text-placeholder)}.crm-preview-container{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.crm-preview-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-muted);font-size:var(--font-size-sm);padding:var(--space-1) var(--space-4)}.crm-preview-iframe{border:none;display:block;min-height:380px;width:100%}.crm-img-input-hidden{display:none}.crm-img-zone{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-3);justify-content:center;padding:var(--space-5);text-align:center;transition:border-color .2s,background .2s}.crm-img-zone:hover{background:var(--success-bg);border-color:#10b9814d;color:var(--text-secondary)}.crm-img-preview-container{position:relative}.crm-img-preview{border:1px solid var(--border-color);border-radius:var(--radius-md);display:block;max-height:190px;object-fit:cover;width:100%}.crm-img-remove-btn{background:#000000a6;border:none;border-radius:50%;color:#fff;cursor:pointer;height:30px;justify-content:center;right:8px;top:8px;width:30px}.crm-img-badge,.crm-img-remove-btn{align-items:center;backdrop-filter:blur(4px);display:flex;position:absolute}.crm-img-badge{border-radius:6px;bottom:8px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);gap:5px;left:8px;padding:3px 10px}.crm-img-badge-saved{background:#10b981e6;color:#fff}.crm-img-badge-pending{background:#eab308e6;color:#000}.crm-img-upload-btn{margin-top:var(--space-2);width:fit-content}.crm-toggle-row{align-items:center;border:1px solid var(--border-color);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-4)}.crm-toggle,.crm-toggle-row{background:var(--bg-secondary);border-radius:var(--radius-md)}.crm-toggle{border:1px solid var(--border-color);flex-shrink:0;height:24px;position:relative;transition:background .2s;width:42px}.crm-toggle.active{background:var(--success);border-color:var(--success)}.crm-toggle-thumb{background:var(--text-white);border-radius:50%;box-shadow:var(--shadow-sm);height:18px;left:3px;position:absolute;top:3px;transition:left .2s;width:18px}.crm-toggle-thumb.active{left:21px}.crm-toggle-label{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.crm-toggle-label.active{color:var(--text-primary)}.crm-toggle-sub{color:var(--text-muted);font-size:var(--font-size-sm);margin-top:1px}.crm-preview-modal-body{padding:var(--space-1) 0}.crm-preview-subject{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.crm-preview-iframe-real{background:var(--text-white);border:none;border-radius:var(--radius-md);display:block;min-height:500px;width:100%}.crm-send-modal-body{display:flex;flex-direction:column;gap:var(--space-4)}.crm-campaign-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4)}.crm-campaign-info-label{color:var(--text-muted);font-size:var(--font-size-sm);margin-bottom:2px}.crm-campaign-info-title{color:var(--success);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.crm-campaign-info-subject{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:3px}.crm-mode-selector{margin-bottom:var(--space-1)}.crm-mode-selector-label{color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin-bottom:var(--space-2);text-transform:uppercase}.crm-mode-selector-options{display:flex;gap:var(--space-2)}.crm-mode-btn{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-2) var(--space-1);transition:var(--transition-fast)}.crm-mode-btn.active{background:var(--success-bg);border-color:var(--success);color:var(--success)}.crm-mode-btn:hover:not(.active){border-color:var(--border-hover);color:var(--text-secondary)}.crm-all-mode-info{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-4)}.crm-selection-mode{display:flex;flex-direction:column;gap:var(--space-2)}.crm-customer-list-header{align-items:center;display:flex;justify-content:space-between}.crm-select-all-btn{background:none;border:none;color:var(--success);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.crm-select-all-btn:hover{text-decoration:underline}.crm-customer-counter,.crm-loading-text{color:var(--text-muted);font-size:var(--font-size-sm)}.crm-loading-text{padding:24px;text-align:center}.crm-customer-list{border:1px solid var(--border-color);border-radius:var(--radius-sm);max-height:300px;overflow-y:auto}.crm-customer-item{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-3);transition:background .15s}.crm-customer-item:last-child{border-bottom:none}.crm-customer-item:hover{background:var(--bg-hover)}.crm-customer-item.selected{background:var(--success-bg)}.crm-customer-check{align-items:center;border:2px solid var(--border-color);border-radius:var(--radius-xs);display:flex;flex-shrink:0;height:16px;justify-content:center;transition:var(--transition-fast);width:16px}.crm-customer-check.checked{background:var(--success);border-color:var(--success)}.crm-customer-check.checked svg{color:var(--text-white)}.crm-customer-info{flex:1 1;min-width:0}.crm-customer-name{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.crm-customer-email,.crm-customer-name{font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-customer-email{color:var(--text-muted)}.crm-customer-phone{color:var(--text-dim);flex-shrink:0;font-size:var(--font-size-xs)}.crm-empty-list{color:var(--text-muted);font-size:var(--font-size-sm);padding:24px;text-align:center}.crm-segment-list,.crm-segment-mode{display:flex;flex-direction:column}.crm-segment-list{gap:var(--space-2)}.crm-segment-item{align-items:center;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:var(--transition-fast)}.crm-segment-item:hover{border-color:var(--border-hover)}.crm-segment-item.selected{background:var(--success-bg);border-color:var(--success)}.crm-segment-icon{font-size:22px}.crm-segment-info{flex:1 1}.crm-segment-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.crm-segment-name.active{color:var(--success)}.crm-segment-desc{color:var(--text-muted);font-size:var(--font-size-sm);margin-top:1px}.crm-segment-count{background:#10b9811a;border-radius:20px;color:var(--success);flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:2px var(--space-3)}.crm-send-hint{background:var(--bg-secondary);border-left:3px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}.crm-send-info{align-items:center;background:var(--success-bg);border:1px solid #10b98133;border-radius:var(--radius-sm);color:var(--success);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-2) var(--space-4)}.crm-send-result{background:var(--success-bg);border:1px solid #10b9814d;border-radius:var(--radius-sm);padding:var(--space-4)}.crm-send-result-title{align-items:center;color:var(--success);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);gap:var(--space-2);margin-bottom:var(--space-2)}.crm-send-result-sent{color:var(--text-secondary);font-size:var(--font-size-sm)}.crm-send-result-failed{margin-top:var(--space-1)}.crm-send-error,.crm-send-result-failed{color:var(--danger);font-size:var(--font-size-sm)}.crm-send-error{align-items:center;display:flex;gap:var(--space-2)}@media (max-width:768px){.crm-mode-selector-options{flex-wrap:wrap}.crm-mode-btn{flex:1 1;min-width:80px}.crm-empty-state{padding:40px var(--space-4)}.crm-send-modal-body{gap:var(--space-3)}}@media (max-width:480px){.crm-img-zone{padding:var(--space-4)}.crm-img-zone,.crm-var-chip{font-size:var(--font-size-xs)}.crm-var-chip{padding:2px var(--space-2)}.crm-editor-tabs{overflow-x:auto}.crm-editor-tab{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3);white-space:nowrap}.crm-customer-item{flex-wrap:wrap;gap:var(--space-1)}.crm-customer-phone{font-size:var(--font-size-xs)}.crm-segment-item,.crm-toggle-row{flex-wrap:wrap}.crm-preview-iframe-real{min-height:350px}}.crm-analytics-container{max-width:100%;padding:0}.header-actions{align-items:center;gap:var(--space-3)}.invoice-source-badge-analytics{align-items:center;background:var(--primary-bg);border:1px solid var(--border-primary);border-radius:20px;color:var(--primary);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);padding:6px 14px}.crm-analytics-notification{animation:slideDown .3s ease;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4)}.crm-analytics-notification.info{background:var(--info-bg);border:1px solid #3b82f626;color:var(--info)}.crm-analytics-notification.success{background:var(--success-bg);border:1px solid #10b98126;color:var(--success)}.crm-analytics-notification.error{background:var(--danger-bg);border:1px solid #ef444426;color:var(--danger)}.crm-tabs{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--space-1);margin-bottom:var(--space-0);overflow-x:auto;padding:var(--space-1)}.crm-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-5);transition:var(--transition);white-space:nowrap}.crm-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.crm-tab .tab-badge,.crm-tab.active{background:var(--primary-bg);color:var(--primary)}.crm-tab .tab-badge{border-radius:var(--radius-sm);font-size:var(--font-size-xs);padding:1px var(--space-2)}.crm-tab.active .tab-badge{background:var(--primary-hover)}.tab-content{animation:fadeIn .3s ease}.analytics-summary-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-2)}.summary-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5);transition:var(--transition)}.summary-card:hover{background:var(--bg-tertiary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.summary-icon{align-items:center;border-radius:var(--radius-md);color:var(--text-white);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.summary-icon.total{background:var(--purple-bg);color:var(--purple)}.summary-icon.active{background:var(--success-bg);color:var(--success)}.summary-icon.revenue{background:var(--warning-bg);color:var(--warning)}.summary-icon.ticket{background:var(--info-bg);color:var(--info)}.summary-info{flex:1 1;min-width:0}.summary-value{color:var(--text-primary);display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.2}.summary-label{color:var(--text-muted)}.summary-label,.summary-sub{font-size:var(--font-size-sm)}.summary-sub{color:var(--text-dim);display:block;margin-top:var(--space-1)}.analytics-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-5);padding:var(--space-5)}.analytics-section.half{margin-bottom:0}.section-header{flex-wrap:wrap;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-4)}.section-header h3{align-items:center;display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:var(--space-2)}.section-header p{color:var(--text-dim);font-size:var(--font-size-sm);margin:0}.period-filter select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-xs);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);outline:none;padding:var(--space-2) var(--space-3);transition:var(--transition)}.period-filter select:hover{border-color:var(--border-hover)}.period-filter select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f973161a}.analytics-two-columns{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:1fr 1fr;margin-bottom:var(--space-5)}@media (max-width:1024px){.analytics-two-columns{grid-template-columns:1fr}}.segments-grid{grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.segment-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.segment-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.segment-icon{font-size:var(--font-size-xl)}.segment-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.segment-body{padding:var(--space-3) var(--space-4) var(--space-4)}.segment-stat{display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--space-1) 0}.stat-value{color:var(--text-primary);font-weight:var(--font-weight-medium)}.stat-label{color:var(--text-muted)}.segment-progress{margin-top:var(--space-3);position:relative}.progress-bar{border-radius:var(--radius-xs);height:4px;transition:width .6s ease}.progress-label{color:var(--text-muted);font-size:var(--font-size-sm);position:absolute;right:0;top:-18px}.top-customers-list{display:flex;flex-direction:column;gap:var(--space-2)}.top-customer-item{align-items:center;background:var(--bg-secondary);border:1px solid #0000;border-radius:var(--radius-sm);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:var(--transition)}.top-customer-item:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.customer-rank{color:var(--text-dim);min-width:32px;text-align:center}.customer-avatar,.customer-rank{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.customer-avatar{align-items:center;background:var(--primary-bg);border-radius:50%;color:var(--primary);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.customer-info{flex:1 1;min-width:0}.customer-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.customer-email{color:var(--text-muted);font-size:var(--font-size-sm)}.customer-document,.customer-last-order{color:var(--text-dim);font-size:var(--font-size-sm)}.customer-last-order{margin-top:var(--space-1)}.customer-stats{display:flex;flex-shrink:0;gap:var(--space-5)}.customer-stats .stat{text-align:right}.customer-stats .stat .stat-value{color:var(--text-primary);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.customer-stats .stat .stat-label{color:var(--text-dim);font-size:var(--font-size-xs);letter-spacing:.3px;text-transform:uppercase}.clv-cards{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr}.clv-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.clv-value{color:var(--text-primary);display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.clv-label{color:var(--text-muted);font-size:var(--font-size-sm);margin-top:var(--space-1)}.chart-bars{display:flex;flex-direction:column;gap:var(--space-2)}.bar-item{align-items:center;display:flex;gap:var(--space-3)}.bar-label{color:var(--text-muted);flex-shrink:0;font-size:var(--font-size-sm);min-width:40px;text-align:right}.bar-container{background:var(--bg-tertiary);flex:1 1;height:6px;overflow:hidden}.bar-container,.bar-fill{border-radius:var(--radius-xs)}.bar-fill{height:100%;transition:width .8s ease}.bar-value{color:var(--text-muted);flex-shrink:0;font-size:var(--font-size-sm);min-width:70px;text-align:right}.hour-bars .bar-label{min-width:44px}.empty-state{align-items:center;color:var(--text-dim);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-8) var(--space-5)}.empty-state svg{opacity:.3}.empty-state p{font-size:var(--font-size-base);margin:0}.empty-chart,.empty-state span{font-size:var(--font-size-sm)}.empty-chart{color:var(--text-dim);padding:var(--space-5);text-align:center}.monthly-trend{padding:var(--space-1) 0}.trend-chart{align-items:flex-end;display:flex;gap:var(--space-3);justify-content:space-around;min-height:180px;padding:var(--space-3) 0 var(--space-8)}.trend-bar-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--space-2)}.trend-label{color:var(--text-muted);font-size:var(--font-size-sm);text-align:center}.trend-bars{align-items:flex-end;display:flex;gap:var(--space-1);height:120px;justify-content:center;width:100%}.trend-bar{border-radius:var(--radius-xs) var(--radius-xs) 0 0;min-height:4px;transition:height .8s ease;width:24px}.trend-bar.sales-bar{background:var(--primary-gradient)}.trend-bar.customers-bar{background:var(--success-gradient)}.trend-values{align-items:center;display:flex;flex-direction:column;font-size:var(--font-size-xs);gap:1px}.trend-values .sales{color:var(--primary)}.trend-values .customers{color:var(--success)}.trend-legend{border-top:1px solid var(--border-color);display:flex;gap:var(--space-6);justify-content:center;padding-top:var(--space-3)}.trend-legend span{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-size-sm);gap:var(--space-2)}.legend-color{border-radius:var(--radius-xs);height:12px;width:12px}.legend-color.sales{background:var(--primary)}.legend-color.customers{background:var(--success)}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:var(--z-modal)}.modal-content{animation:slideUp .3s ease;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:var(--space-4) var(--space-5)}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{gap:var(--space-3)}.modal-avatar{align-items:center;background:var(--primary-bg);border-radius:50%;color:var(--primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);height:44px;justify-content:center;width:44px}.modal-title h3{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.modal-title span{color:var(--text-muted);font-size:var(--font-size-sm)}.modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:var(--space-2);transition:var(--transition)}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:var(--space-5)}.modal-stats{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.modal-stat{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-3);text-align:center}.modal-stat-value{color:var(--text-primary);display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.modal-stat-label{color:var(--text-muted);font-size:var(--font-size-sm);margin-top:var(--space-1)}@media (max-width:768px){.analytics-summary-grid,.clv-cards,.segments-grid{grid-template-columns:1fr 1fr}.customer-stats{flex-direction:column;gap:var(--space-1)}.customer-stats .stat{text-align:right}.customer-stats .stat .stat-value{font-size:var(--font-size-sm)}.trend-chart{gap:var(--space-2)}.trend-bar{width:16px}.crm-tabs{flex-wrap:nowrap}.crm-tab{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}.crm-tab span:not(.tab-badge){display:none}.header-actions{flex-wrap:wrap}.modal-stats{grid-template-columns:1fr 1fr}}@media (max-width:480px){.analytics-summary-grid,.clv-cards,.segments-grid{grid-template-columns:1fr}.summary-card{padding:var(--space-3) var(--space-4)}.summary-value{font-size:var(--font-size-xl)}.top-customer-item{flex-wrap:wrap;padding:var(--space-3)}.customer-stats{border-top:1px solid var(--border-color);flex-direction:row;justify-content:space-around;padding-top:var(--space-2);width:100%}.customer-stats .stat{text-align:center}.modal-stats{grid-template-columns:1fr}}.recharts-tooltip{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-sm)!important;box-shadow:var(--shadow-lg)!important;min-width:120px!important;padding:10px 14px!important}.recharts-tooltip-label{color:var(--text-primary)!important;font-size:13px!important;font-weight:var(--font-weight-semibold)!important;margin:0 0 4px!important}.recharts-tooltip-value{font-size:16px!important;font-weight:var(--font-weight-bold)!important;margin:0!important}.recharts-tooltip-sub{align-items:center!important;color:var(--text-muted)!important;display:flex!important;font-size:11px!important;gap:4px!important;margin-top:4px!important}.recharts-legend-item-text,.recharts-tooltip .recharts-tooltip-item{color:var(--text-secondary)!important;font-size:12px!important}.recharts-legend-wrapper{padding-top:8px!important}.recharts-default-tooltip{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-sm)!important;box-shadow:var(--shadow-lg)!important}.recharts-default-tooltip .recharts-tooltip-label{color:var(--text-primary)!important;font-weight:var(--font-weight-semibold)!important}.recharts-default-tooltip .recharts-tooltip-item{color:var(--text-secondary)!important}.recharts-default-tooltip .recharts-tooltip-item-list{margin:0!important;padding:0!important}.recharts-default-tooltip .recharts-tooltip-item-name{color:var(--text-muted)!important}.recharts-default-tooltip .recharts-tooltip-item-value{color:var(--text-primary)!important;font-weight:var(--font-weight-bold)!important}.segments-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}@media (max-width:768px){.segments-grid{grid-template-columns:1fr}}.segment-card{background:linear-gradient(135deg,#1a1f2a,#141920);border:1px solid #6842fe33;border-radius:16px;border-top:4px solid;cursor:pointer;padding:20px;transition:all .3s ease}.segment-card:hover{border-color:#6842fe66;box-shadow:0 12px 30px #0000004d;transform:translateY(-4px)}.segment-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px}.segment-icon{align-items:center;border-radius:14px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.segment-info{flex:1 1}.segment-info h3{color:#fff;font-size:18px;font-weight:800;margin:0 0 6px}.segment-info p{color:#ffffff80;font-size:12px;line-height:1.4;margin:0}.segment-stats{border-bottom:1px solid #ffffff14;border-top:1px solid #ffffff14;display:flex;gap:24px;margin-bottom:16px;padding:16px 0}.segment-stats .stat{align-items:center;color:#fff9;display:flex;gap:8px}.segment-stats .stat svg{opacity:.6}.stat-value{color:#fff;font-size:20px;font-weight:800}.stat-label{color:#ffffff80;font-size:11px}.segment-footer{display:flex;justify-content:flex-end}.btn-view{align-items:center;background:none;border:none;border-radius:8px;color:#6842fe;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s}.btn-view:hover{background:#6842fe26;gap:8px}.header-actions{display:flex;gap:12px}.btn-refresh-segments{align-items:center;background:#6842fe26;border:1px solid #6842fe4d;border-radius:10px;color:#6842fe;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 20px;transition:all .2s}.btn-refresh-segments:hover{background:#6842fe40}.btn-create-segment{align-items:center;background:#6842fe;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 20px;transition:all .2s}.btn-create-segment:hover{background:#7c5cff;transform:translateY(-1px)}.segments-notification{animation:slideInRight .3s ease-out;border-radius:12px;font-size:13px;font-weight:600;padding:12px 20px;position:fixed;right:24px;top:80px;z-index:1000}.segments-notification.success{background:#10b98133;border:1px solid #10b9814d;color:#10b981}.segments-notification.error{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.segments-modal-overlay{align-items:center;backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.segments-modal{animation:modalSlideUp .3s ease;background:linear-gradient(135deg,#1a1f2a,#141920);border:1px solid #6842fe4d;border-radius:20px;max-height:90vh;max-width:550px;overflow:hidden;width:100%}.segments-modal.large{max-width:900px}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.segments-modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:20px 24px}.segments-modal-header h3{color:#fff;font-size:18px;font-weight:800;margin:0}.segments-modal-header p{color:#ffffff73;font-size:12px;margin:4px 0 0}.btn-modal-close{background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;transition:color .2s}.btn-modal-close:hover{color:#ef4444}.segments-modal-body{max-height:60vh;overflow-y:auto;padding:24px}.segments-modal-footer{border-top:1px solid #ffffff14;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.form-group{margin-bottom:18px}.form-group label{color:#ffffff8c;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;color:#ffffffe6;font-family:inherit;font-size:13px;padding:10px 12px;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#6842fe66;outline:none}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.conditions-section{border-top:1px solid #ffffff14;margin-top:20px;padding-top:16px}.conditions-section h4{color:#fff;font-size:14px;font-weight:700;margin:0 0 16px}.customers-table{border-collapse:collapse;width:100%}.customers-table th{border-bottom:1px solid #ffffff14;color:#ffffff80;font-size:11px;font-weight:700;padding:12px;text-align:left;text-transform:uppercase}.customers-table td{border-bottom:1px solid #ffffff0d;font-size:13px;padding:12px}.customers-table td.center{text-align:center}.customers-table td.spent{color:#a78bfa;font-weight:700}.customer-cell{align-items:center;display:flex;gap:10px}.customer-avatar-small{align-items:center;background:linear-gradient(135deg,#6842fe,#4a1dcc);border-radius:8px;display:flex;font-size:13px;height:32px;justify-content:center;width:32px}.customer-avatar-small,.customer-name{color:#fff;font-weight:700}.customer-since{color:#fff6;font-size:10px;margin-top:2px}.contact-item{color:#ffffffb3;font-size:12px;margin-bottom:2px}.no-contact{color:#ffffff4d;font-size:12px;font-style:italic}.pagination{align-items:center;border-top:1px solid #ffffff14;display:flex;gap:16px;justify-content:center;margin-top:20px;padding-top:16px}.pagination button{background:#6842fe26;border:1px solid #6842fe4d;border-radius:8px;color:#6842fe;cursor:pointer;font-size:12px;font-weight:600;padding:6px 16px}.pagination button:disabled{cursor:not-allowed;opacity:.4}.pagination span{color:#fff9;font-size:12px}.empty-state,.loading-state{color:#fff6;padding:40px;text-align:center}.btn-secondary{background:#0000;border:1px solid #fff3;border-radius:10px;color:#ffffffb3;cursor:pointer;font-weight:600;padding:8px 20px;transition:all .2s}.btn-secondary:hover{background:#ffffff0d}.btn-primary{background:#6842fe;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:8px 20px;transition:all .2s}.btn-primary:hover:not(:disabled){background:#7c5cff;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.segments-modal-body::-webkit-scrollbar{width:6px}.segments-modal-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.segments-modal-body::-webkit-scrollbar-thumb{background:#6842fe4d;border-radius:3px}.push-notifications-container{margin:0 auto;max-width:800px;padding:24px}.history-card,.push-status-card,.send-card{background:#164e444d;border:1px solid #10b98140;border-radius:20px;margin-bottom:24px;padding:20px}.status-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.status-header h3{color:#fff;margin:0}.status-body{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.status-info{color:#ffffffb3}.history-card h3,.send-card h3{color:#fff;margin:0 0 16px}.form-group{margin-bottom:16px}.form-group label{color:#60d5c0;display:block;font-weight:600;margin-bottom:6px}.form-group input,.form-group textarea{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;padding:10px;width:100%}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.history-item{border-bottom:1px solid #ffffff1a;padding:12px 0}.history-title{color:#60d5c0;font-weight:700}.history-body{color:#fffc;margin:6px 0}.history-meta{color:#ffffff80;display:flex;font-size:11px;justify-content:space-between}.empty,.loading{color:#ffffff80;padding:20px;text-align:center}@media (max-width:600px){.push-notifications-container{padding:12px}.history-card,.push-status-card,.send-card{border-radius:14px;padding:14px}.status-body{align-items:flex-start;flex-direction:column}.history-meta{flex-direction:column;gap:4px}}@media (max-width:480px){.push-notifications-container{padding:8px}.history-card,.push-status-card,.send-card{border-radius:12px;margin-bottom:12px;padding:12px}}.scheduled-container{padding:24px}.scheduled-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.scheduled-card{background:#164e444d;border:1px solid #10b98140;border-radius:16px;padding:18px}.card-header{gap:12px;margin-bottom:12px}.card-icon{background:#10b98126;border-radius:10px;padding:6px}.card-title{color:#fff;flex:1 1;font-size:16px;font-weight:700}.badge-failed,.badge-pending,.badge-sent{border-radius:20px;font-size:11px;padding:4px 8px}.badge-pending{background:#f59e0b33;color:#f59e0b}.badge-sent{background:#10b98133;color:#10b981}.badge-failed{background:#ef444433;color:#ef4444}.card-message{color:#fffc;font-size:14px;margin-bottom:12px}.card-meta{align-items:center;color:#ffffff80;display:flex;font-size:12px;gap:6px;margin-bottom:12px}.card-actions{display:flex;gap:12px}.card-error{background:#ef44441a;border-radius:8px;color:#ef4444;font-size:11px;margin-top:12px;padding:6px}.icon-btn{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:12px;gap:6px;padding:4px 8px}.icon-btn.edit{color:#60a5fa}.icon-btn.delete{color:#ef4444}.icon-btn.edit:hover{background:#60a5fa33}.icon-btn.delete:hover{background:#ef444433}.empty-state{grid-column:1/-1;padding:60px;text-align:center}.spin{animation:spin 1s linear infinite}@media (max-width:600px){.scheduled-container{padding:12px}.scheduled-list{gap:12px;grid-template-columns:1fr}.card-actions{flex-wrap:wrap}}@media (max-width:480px){.scheduled-container{padding:8px}.scheduled-card{padding:14px}.card-header{flex-wrap:wrap;gap:8px}}.email-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.email-btn-primary{align-items:center;background:#006648;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:8px 20px;transition:all .2s ease}.email-btn-primary:hover{background:#008060;transform:translateY(-1px)}.email-refresh-btn{align-items:center;background:#1d1d19;border:1px solid #2a2a26;border-radius:8px;color:#fffaca;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all .2s ease}.email-refresh-btn:hover{background:#2a2a26}.email-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.email-stat-card{align-items:center;background:#1d1d19;border:1px solid #2a2a26;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.email-stat-card:hover{border-color:#006648;transform:translateY(-2px)}.email-stat-icon{align-items:center;background:#00664820;border-radius:12px;color:#a0e7c7;display:flex;height:48px;justify-content:center;width:48px}.email-stat-icon.error{background:#ff6b6b20;color:#ff6b6b}.email-stat-content{flex:1 1}.email-stat-title{color:#a8a89a;font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.email-stat-value{color:#fffaca;font-size:28px;font-weight:700;line-height:1.2}.email-tabs-container{border-bottom:1px solid #2a2a26;display:flex;gap:8px;margin-bottom:24px;padding-bottom:0}.email-tab-btn{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#a8a89a;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.email-tab-btn:hover{color:#d0d0c0}.email-tab-btn.active{border-bottom-color:#a0e7c7;color:#a0e7c7}.email-tab-count{background:#2a2a26;border-radius:20px;font-size:11px;margin-left:6px;padding:2px 8px}.email-filters-bar{background:#1d1d19;border:1px solid #2a2a26;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:16px}.email-search-wrapper{flex:1 1;min-width:200px;position:relative}.email-search-icon{color:#a8a89a;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.email-search-input{background:#141410;border:1px solid #2a2a26;border-radius:8px;color:#fffaca;font-size:14px;padding:10px 12px 10px 36px;transition:all .2s ease;width:100%}.email-search-input:focus{border-color:#006648;outline:none}.email-filter-select{background:#141410;border:1px solid #2a2a26;border-radius:8px;color:#fffaca;cursor:pointer;font-size:14px;padding:8px 16px}.email-filter-select:focus{border-color:#006648;outline:none}.email-templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.email-template-card{background:#1d1d19;border:1px solid #2a2a26;border-radius:12px;padding:16px;transition:all .2s ease}.email-template-card:hover{border-color:#006648;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.email-template-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.email-template-title{align-items:center;display:flex;gap:8px}.email-template-title h3{color:#fffaca;font-size:16px;margin:0}.email-template-status{align-items:center;display:flex;gap:8px}.email-status-dot{border-radius:50%;height:8px;width:8px}.email-status-dot.active{background:#a0e7c7;box-shadow:0 0 4px #a0e7c7}.email-status-dot.inactive{background:#a8a89a}.email-toggle-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#a0e7c7;cursor:pointer;display:flex;padding:4px;transition:background .2s}.email-toggle-btn:hover{background:#2a2a26}.email-template-category{align-items:center;background:#00664820;border-radius:20px;color:#a0e7c7;display:inline-flex;font-size:11px;gap:4px;margin-bottom:12px;padding:4px 10px}.email-template-subject{border-bottom:1px solid #2a2a26;border-top:1px solid #2a2a26;color:#d0d0c0;font-size:13px;margin-bottom:8px;padding:8px 0}.email-template-preview{color:#a8a89a;font-size:12px;line-height:1.4;margin-bottom:12px}.email-template-actions{display:flex;flex-wrap:wrap;gap:8px}.email-action-btn{align-items:center;background:#141410;border:1px solid #2a2a26;border-radius:6px;color:#a8a89a;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 12px;transition:all .2s ease}.email-action-btn:hover{transform:translateY(-1px)}.email-action-btn.send:hover{background:#00664820;border-color:#006648;color:#a0e7c7}.email-action-btn.edit:hover{background:#ffd70020;border-color:gold;color:gold}.email-action-btn.duplicate:hover{background:#a0e7c720;border-color:#a0e7c7;color:#a0e7c7}.email-action-btn.delete:hover{background:#ff6b6b20;border-color:#ff6b6b;color:#ff6b6b}.email-logs-container{background:#1d1d19;border:1px solid #2a2a26;border-radius:12px;overflow:hidden}.email-logs-list{max-height:500px;overflow-y:auto}.email-log-item{align-items:center;border-bottom:1px solid #2a2a26;display:flex;justify-content:space-between;padding:16px;transition:background .2s}.email-log-item:hover{background:#252520}.email-log-info{flex:1 1}.email-log-recipient{color:#a0e7c7;font-weight:600;margin-bottom:4px}.email-log-subject{color:#d0d0c0;font-size:13px;margin-bottom:4px}.email-log-date{color:#a8a89a;font-size:11px}.email-log-type{color:#a8a89a;font-size:10px;margin-top:4px}.email-log-error{color:#ff6b6b;font-size:10px;margin-top:4px}.email-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px}.email-status-badge.sent{background:#a0e7c720;color:#a0e7c7}.email-status-badge.failed{background:#ff6b6b20;color:#ff6b6b}.email-status-badge.pending{background:#ffd70020;color:gold}.email-empty-state{color:#a8a89a;padding:48px;text-align:center}.email-empty-state svg{margin-bottom:12px;opacity:.5}.email-empty-state span{display:block;margin-bottom:16px}.email-empty-btn{align-items:center;background:#006648;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;gap:6px;padding:8px 20px;transition:all .2s ease}.email-empty-btn:hover{background:#008060;transform:translateY(-1px)}.email-modal-overlay{align-items:center;backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.email-modal-box{animation:modalFadeIn .2s ease;background:#1d1d19;border:1px solid #2a2a26;border-radius:16px;max-height:85vh;max-width:700px;overflow:auto;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.email-modal-large{max-width:800px}.email-modal-header{align-items:center;background:#1d1d19;border-bottom:1px solid #2a2a26;display:flex;justify-content:space-between;padding:20px 24px;position:sticky;top:0;z-index:1}.email-modal-header h2{color:#fffaca;font-size:18px;margin:0}.email-modal-close{background:none;border:none;border-radius:4px;color:#a8a89a;cursor:pointer;padding:4px;transition:all .2s}.email-modal-close:hover{background:#2a2a26;color:#fffaca}.email-modal-tabs{border-bottom:1px solid #2a2a26;display:flex;gap:4px;padding:0 24px}.email-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#a8a89a;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:10px 16px;transition:all .2s}.email-tab:hover{color:#d0d0c0}.email-tab.active{border-bottom-color:#a0e7c7;color:#a0e7c7}.email-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;padding:20px 24px}.email-form-group{display:flex;flex-direction:column;gap:6px}.email-form-group.full-width{grid-column:span 2}.email-form-group label{color:#a8a89a;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.email-form-group input,.email-form-group select,.email-form-group textarea{background:#141410;border:1px solid #2a2a26;border-radius:8px;color:#fffaca;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s}.email-form-group input:focus,.email-form-group select:focus,.email-form-group textarea:focus{border-color:#006648;outline:none}.email-form-group textarea{font-family:Courier New,monospace;resize:vertical}.email-checkbox{align-items:center;cursor:pointer;display:flex;flex-direction:row!important;gap:8px}.email-checkbox input{margin:0;width:auto}.email-variables-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.email-variable{background:#00664820;border-radius:4px;color:#a0e7c7;cursor:pointer;font-family:monospace;font-size:11px;padding:4px 10px;transition:all .2s}.email-variable:hover{background:#00664840;transform:scale(1.02)}.email-radio-group{display:flex;flex-wrap:wrap;gap:16px}.email-radio-group label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:6px;text-transform:none}.email-radio-group input{margin:0;width:auto}.email-invoice-select{width:100%}.email-hint{color:#a8a89a;font-size:10px;margin-top:4px}.email-customers-list{background:#141410;border:1px solid #2a2a26;border-radius:8px;max-height:200px;overflow-y:auto;padding:8px}.email-customer-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background .2s}.email-customer-checkbox:hover{background:#252520}.email-customer-checkbox input{margin:0;width:auto}.email-customer-checkbox span{color:#d0d0c0;font-size:13px}.email-more-customers{color:#a8a89a;font-size:12px;padding:8px;text-align:center}.email-preview-container{background:#141410;border-radius:12px;margin:0 24px;padding:20px 24px}.email-preview-header{border-left:3px solid #a0e7c7;margin-bottom:16px;padding:12px}.email-preview-body,.email-preview-header{background:#1d1d19;border-radius:8px;color:#d0d0c0}.email-preview-body{line-height:1.5;max-height:300px;overflow-y:auto;padding:16px}.email-preview-body h1,.email-preview-body h2,.email-preview-body h3{color:#fffaca}.email-preview-body a{color:#a0e7c7}.email-preview-variable{background:#ffd70020;border-radius:4px;color:gold;display:inline-block;font-family:monospace;font-size:11px;padding:2px 6px}.email-preview-footer{color:#a8a89a;font-size:11px;margin-top:12px;text-align:center}.email-modal-footer{background:#1d1d19;border-top:1px solid #2a2a26;bottom:0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;position:sticky}.email-btn-cancel{background:#0000;border:1px solid #2a2a26;border-radius:8px;color:#a8a89a;cursor:pointer;padding:8px 20px;transition:all .2s}.email-btn-cancel:hover{background:#2a2a26;color:#d0d0c0}.email-btn-save{background:#006648;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 24px;transition:all .2s}.email-btn-save:hover:not(:disabled){background:#008060;transform:translateY(-1px)}.email-btn-send{align-items:center;background:#a0e7c7;border:none;border-radius:8px;color:#1d1d19;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:8px 24px;transition:all .2s}.email-btn-send:hover:not(:disabled){background:gold;transform:translateY(-1px)}.email-btn-cancel:disabled,.email-btn-save:disabled,.email-btn-send:disabled{cursor:not-allowed;opacity:.5;transform:none}.alert{align-items:center;border-radius:8px;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.alert-error{background:#ff6b6b20;border:1px solid #ff6b6b40;color:#ff6b6b}.email-customers-list::-webkit-scrollbar,.email-logs-list::-webkit-scrollbar,.email-modal-box::-webkit-scrollbar{width:8px}.email-customers-list::-webkit-scrollbar-track,.email-logs-list::-webkit-scrollbar-track,.email-modal-box::-webkit-scrollbar-track{background:#141410;border-radius:4px}.email-customers-list::-webkit-scrollbar-thumb,.email-logs-list::-webkit-scrollbar-thumb,.email-modal-box::-webkit-scrollbar-thumb{background:#2a2a26;border-radius:4px}.email-customers-list::-webkit-scrollbar-thumb:hover,.email-logs-list::-webkit-scrollbar-thumb:hover,.email-modal-box::-webkit-scrollbar-thumb:hover{background:#006648}@media (max-width:768px){.email-form-grid{grid-template-columns:1fr}.email-form-group.full-width{grid-column:span 1}.email-templates-grid{grid-template-columns:1fr}.email-template-actions{flex-wrap:wrap}.email-log-item{align-items:flex-start;flex-direction:column;gap:12px}.email-stats-grid{grid-template-columns:repeat(2,1fr)}.email-filters-bar{flex-direction:column}.email-filter-select{width:100%}.email-modal-box,.email-modal-large{max-width:95%}.email-modal-header h2{font-size:16px}.email-tab{font-size:12px;padding:8px 12px}}.einv-table-container{color:#1e293b}.einv-table td,.einv-table th{color:inherit}.einv-date-filter,.einv-search-box{color:#1e293b}.einv-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.einv-search-box{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;display:flex;flex:2 1;gap:8px;min-width:220px;padding:0 12px;transition:border-color .15s}.einv-search-box:focus-within{border-color:#6842fe;box-shadow:0 0 0 3px #6842fe1f}.einv-search-box input{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:13px;outline:none;padding:9px 0}.einv-search-box input::placeholder{color:#94a3b8}.einv-search-box svg{color:#94a3b8;flex-shrink:0}.einv-date-filter{align-items:center;display:flex;flex:1 1;gap:6px;min-width:170px}.einv-date-filter label{color:#64748b;font-size:12px;font-weight:600;white-space:nowrap}.einv-date-filter input[type=date]{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#1e293b;flex:1 1;font-size:13px;outline:none;padding:9px 10px;transition:border-color .15s}.einv-date-filter input[type=date]:focus{border-color:#6842fe;box-shadow:0 0 0 3px #6842fe1f}.einv-clear-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;padding:6px 8px;transition:all .15s}.einv-clear-btn:hover{background:#fecaca;border-color:#fca5a5;color:#b91c1c}.einv-email-modal{box-sizing:border-box;max-width:calc(100vw - 32px)}@media (max-width:640px){.einv-filter-bar{flex-direction:column;gap:8px}.einv-date-filter,.einv-search-box{flex:initial;min-width:0;width:100%}.einv-date-filter{flex-wrap:wrap}.einv-date-filter input[type=date]{flex:1 1;min-width:0}.einv-table-container{background:#0000!important;border:none!important;border-radius:0!important;overflow:visible!important}.einv-table thead{display:none}.einv-table{border-collapse:initial!important;border-spacing:0}.einv-tbody-tr{background:#fff;border:1.5px solid #e2e8f0!important;border-radius:10px;display:block!important;margin-bottom:10px;overflow:hidden}.einv-td{align-items:center;border-bottom:1px solid #f1f5f9;box-sizing:border-box;display:flex!important;font-size:13px;gap:10px;padding:9px 12px!important;text-align:left!important;white-space:normal!important;width:100%}.einv-td:last-child{border-bottom:none}.einv-td:before{color:#94a3b8;content:attr(data-label);flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.5px;min-width:72px;text-transform:uppercase}.einv-td-right{text-align:left!important}.einv-td-actions>div{flex-wrap:wrap;gap:6px!important;justify-content:flex-start!important}}@media (max-width:480px){.einv-filter-bar{gap:6px}.einv-table td:nth-child(3),.einv-table td:nth-child(5),.einv-table th:nth-child(3),.einv-table th:nth-child(5){display:none}.einv-header-actions{flex-wrap:wrap;gap:6px}.einv-header-actions button{flex:1 1;font-size:12px;min-width:0;padding:6px 10px}.einv-summary-grid{grid-template-columns:1fr 1fr}}.einv-void-tabs{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--space-1);overflow-x:auto;padding:var(--space-1)}.einv-void-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:var(--transition);white-space:nowrap}.einv-void-tab:hover{background:var(--bg-hover);color:var(--text-secondary)}.einv-void-tab.active{background:var(--primary-bg);color:var(--primary)}.einv-void-tab-badge{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--font-size-xs);padding:1px var(--space-2)}.einv-void-tab.active .einv-void-tab-badge{background:var(--primary-bg);color:var(--primary)}.einv-void-tab-content{margin-top:var(--space-4)}@media (max-width:640px){.einv-void-tabs{flex-wrap:nowrap}.einv-void-tab{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3)}.einv-void-tab span:not(.einv-void-tab-badge){display:none}.einv-void-tab-badge{font-size:var(--font-size-xs)}}.einv-void-modal-body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-2) 0}.einv-void-invoice-info{grid-gap:var(--space-3);background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr 1fr;padding:var(--space-3)}.einv-void-invoice-info>div{display:flex;flex-direction:column;gap:var(--space-1)}.einv-void-label{color:#64748b;color:var(--text-muted,#64748b);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.3px}.einv-void-value{color:#0f172a;color:var(--text-primary,#0f172a);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.einv-void-total{color:#6842fe;color:var(--purple,#6842fe);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.einv-void-type-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr;margin-top:var(--space-1)}.einv-void-type-btn{align-items:flex-start;background:#fff;background:var(--bg-primary,#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:var(--space-1);padding:var(--space-3) var(--space-4);text-align:left;transition:all .2s ease;width:100%}.einv-void-type-btn:hover{background:#f1f5f9;background:var(--bg-hover,#f1f5f9);border-color:#94a3b8;border-color:var(--text-muted,#94a3b8)}.einv-void-type-btn.active{background:#e11d480d;border-color:#e11d48;border-color:var(--danger,#e11d48);box-shadow:0 0 0 3px #e11d481a}.einv-void-type-label{color:#0f172a;color:var(--text-primary,#0f172a);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.einv-void-type-desc{color:#64748b;color:var(--text-muted,#64748b);font-size:var(--font-size-xs);line-height:1.4}.einv-void-type-btn.active .einv-void-type-label{color:#e11d48;color:var(--danger,#e11d48)}.einv-void-items{display:flex;flex-direction:column;gap:var(--space-2);max-height:240px;overflow-y:auto;padding-right:var(--space-1)}.einv-void-items::-webkit-scrollbar{width:4px}.einv-void-items::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:10px}.einv-void-items::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-color,#cbd5e1);border-radius:10px}.einv-void-item{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-sm);display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-2) var(--space-3)}.einv-void-item-info{flex:1 1;min-width:0}.einv-void-item-desc{color:#0f172a;color:var(--text-primary,#0f172a);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.einv-void-item-price{color:#64748b;color:var(--text-muted,#64748b);font-size:var(--font-size-xs);margin-top:var(--space-0-5)}.einv-void-item-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--space-2)}.einv-void-qty-btn{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-sm);color:#475569;color:var(--text-secondary,#475569);cursor:pointer;display:flex;height:26px;justify-content:center;padding:0;transition:all .15s ease;width:26px}.einv-void-qty-btn:hover{background:#f1f5f9;background:var(--bg-hover,#f1f5f9);border-color:#94a3b8;border-color:var(--text-muted,#94a3b8)}.einv-void-qty-btn:active{transform:scale(.95)}.einv-void-qty{color:#0f172a;color:var(--text-primary,#0f172a);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);min-width:24px;text-align:center}.einv-void-empty-items{background:#fffbeb;background:var(--bg-warning-light,#fffbeb);border:1px solid #fde68a;border:1px solid var(--warning-border,#fde68a);border-radius:var(--radius-sm);color:#92400e;color:var(--warning-text,#92400e);font-size:var(--font-size-sm);padding:var(--space-3)}.einv-void-textarea{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-sm);color:#0f172a;color:var(--text-primary,#0f172a);font-family:inherit;font-size:var(--font-size-sm);min-height:70px;padding:var(--space-2) var(--space-3);resize:vertical;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.einv-void-textarea:focus{border-color:#6842fe;border-color:var(--purple,#6842fe);box-shadow:0 0 0 3px #6842fe1a;outline:none}.einv-void-textarea::placeholder{color:#94a3b8;color:var(--text-muted,#94a3b8)}.einv-void-totals{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3)}.einv-void-totals>div{color:#475569;color:var(--text-secondary,#475569);display:flex;font-size:var(--font-size-sm);justify-content:space-between}.einv-void-totals>div:last-child{border-top:2px solid #e2e8f0;border-top:2px solid var(--border-color,#e2e8f0);margin-top:var(--space-1);padding-top:var(--space-2)}.einv-void-total-credit{color:#e11d48!important;color:var(--danger,#e11d48)!important;font-size:var(--font-size-base)!important;font-weight:var(--font-weight-bold)}.einv-void-total-credit span:last-child{color:#e11d48;color:var(--danger,#e11d48);font-size:var(--font-size-lg)}.einv-void-error{align-items:center;background:#e11d4814;border:1px solid #e11d4833;border-radius:var(--radius-sm);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);padding:var(--space-2) var(--space-3)}.einv-void-error,.required{color:#e11d48;color:var(--danger,#e11d48)}.required{font-weight:var(--font-weight-bold)}@media (max-width:768px){.einv-void-invoice-info{gap:var(--space-2)}.einv-void-invoice-info,.einv-void-type-grid{grid-template-columns:1fr}.einv-void-item{align-items:stretch;flex-direction:column;gap:var(--space-2)}.einv-void-item-info{width:100%}.einv-void-item-actions{justify-content:flex-end}.einv-void-totals{padding:var(--space-2)}}@media (max-width:480px){.einv-void-modal-body{gap:var(--space-3)}.einv-void-type-btn{padding:var(--space-2) var(--space-3)}.einv-void-qty-btn{height:32px;width:32px}}.credit-notes-container{padding:20px}.notes-table-wrapper{background:#164e444d;border-radius:16px;overflow-x:auto;padding:4px}.notes-table{border-collapse:collapse;width:100%}.notes-table td,.notes-table th{border-bottom:1px solid #ffffff1a;padding:12px;text-align:left}.status-badge{border-radius:12px;font-size:11px;padding:4px 8px}.status-badge.autorizada{background:#10b98133;color:#10b981}.status-badge.pendiente{background:#f59e0b33;color:#f59e0b}.credit-item{display:flex;justify-content:space-between;margin-bottom:8px}.totals{margin-top:20px;text-align:right}@media (max-width:768px){.credit-notes-container{padding:12px}.notes-table td,.notes-table th{font-size:12px;padding:8px 6px}}@media (max-width:480px){.credit-notes-container{padding:8px}.credit-item{flex-direction:column;gap:4px}.notes-table td:nth-child(3),.notes-table th:nth-child(3){display:none}}.odonto-stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:10px;margin-top:5px}.odonto-stat-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;gap:16px;padding:20px 24px;transition:var(--transition)}.odonto-stat-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover);transform:translateY(-4px)}.odonto-stat-icon{align-items:center;border-radius:16px;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;transition:var(--transition);width:56px}.odonto-stat-card:hover .odonto-stat-icon{transform:scale(1.1) rotate(5deg)}.odonto-stat-icon.primary{background:var(--primary-gradient);box-shadow:0 4px 16px #10b98140;color:#fff}.odonto-stat-icon.blue{background:var(--blue-gradient);box-shadow:0 4px 16px #2563eb40;color:#fff}.odonto-stat-icon.purple{background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:0 4px 16px #8b5cf640;color:#fff}.odonto-stat-icon.orange{background:linear-gradient(135deg,#fbbf24,#f97316);box-shadow:0 4px 16px #f9731640;color:#fff}.odonto-stat-icon.red{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 4px 16px #ef444440;color:#fff}.odonto-stat-icon.yellow{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 16px #f59e0b40;color:#fff}.odonto-stat-icon.teal{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 4px 16px #10b98140;color:#fff}.odonto-stat-info{display:flex;flex-direction:column;gap:2px}.odonto-stat-value{color:var(--text-primary);font-size:28px;font-weight:800;line-height:1.1}.odonto-stat-label{color:var(--text-muted);font-size:13px;font-weight:600}.odonto-table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:0;overflow:hidden}.odonto-table{border-collapse:collapse;font-size:14px;width:100%}.odonto-table thead tr{background:var(--bg-tertiary);border-bottom:2px solid var(--border-color)}.odonto-table th{border-bottom:none;color:var(--text-muted);font-size:12px;font-weight:800;letter-spacing:.8px;padding:16px 20px;text-align:left;text-transform:uppercase}.odonto-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:14px;padding:16px 20px}.odonto-table tbody tr,.odonto-table td{transition:var(--transition)}.odonto-table tbody tr:hover{background:var(--primary-bg)}.odonto-table tbody tr:hover td{color:var(--text-primary)}.odonto-table tbody tr:last-child td{border-bottom:none}.odonto-table .center{text-align:center}.odonto-empty-state{color:var(--text-muted);font-size:16px;padding:60px 20px}.odonto-table-info{background:var(--bg-tertiary);border-top:1px solid var(--border-color);color:var(--text-muted);font-size:14px;font-weight:500;padding:16px 24px}.odonto-cell-with-avatar{align-items:center;display:flex;gap:12px}.odonto-cell-with-avatar span{color:var(--text-primary);font-weight:500}.odonto-medicamentos-cell{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.odonto-med-count{background:#edf2f7;border-radius:10px;color:#4a5568;font-size:11px;padding:0 8px}.odonto-cell-name{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.odonto-name{color:var(--text-primary);font-weight:500}.perio-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:12px 0}.perio-arch-section{margin-bottom:30px}.perio-arch-section:last-child{margin-bottom:0}.perio-data-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000000a;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.perio-data-table td{border:1px solid #e2e8f0;color:#1e293b;font-size:12px;padding:4px 2px;text-align:center;vertical-align:middle}.perio-row-label{background:#f8fafc;color:#64748b;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.perio-data-table td[style*="cursor: pointer"]:hover{background:#f1f5f9!important}.perio-data-table img{border:1px solid #e2e8f0;border-radius:4px;display:block;height:auto;width:100%}.perio-data-table td span[style*="position: absolute"]{box-shadow:0 1px 2px #0003}@media (max-width:1200px){.perio-table-wrapper{overflow-x:auto}.perio-data-table{min-width:800px}}.perio-data-table tr:first-child td{background:#f8fafc;color:#0f172a;font-weight:700}.perio-data-table td[style*="background: #fef2f2"]{font-size:14px;font-weight:700}.odonto-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.odonto-search-wrapper{background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);min-width:240px;transition:var(--transition)}.odonto-search-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #10b9811a}.odonto-search-icon{color:var(--text-dim);font-size:16px;left:12px;pointer-events:none}.odonto-search-input{background:#0000;border:none;color:var(--text-primary);font-size:14px;outline:none;padding:10px 36px 10px 38px}.odonto-search-clear,.odonto-search-input::placeholder{color:var(--text-dim)}.odonto-search-clear{background:none;border-radius:50%;transition:var(--transition)}.odonto-search-clear:hover{background:var(--border-color);color:var(--text-primary)}.odonto-filters-row{border-radius:var(--radius);box-shadow:var(--shadow);gap:20px;margin-bottom:20px;padding:14px 20px}.odonto-filter-group{align-items:center;display:flex;gap:8px}.odonto-filter-group label{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.odonto-filter-select{background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:13px;min-width:140px;padding:8px 12px;transition:var(--transition)}.odonto-filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #10b9811a;outline:none}.odonto-filter-stats{color:var(--text-muted);font-size:14px;font-weight:500;margin-left:auto}.odonto-cat-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.odonto-cat-btn{background:#fff;border:1px solid var(--border-color);border-radius:20px;cursor:pointer;font-family:inherit;font-size:13px;padding:6px 14px;transition:var(--transition)}.odonto-cat-btn:hover{background:#f7fafc;border-color:var(--primary)}.odonto-cat-btn.active{background:var(--primary-gradient);border-color:var(--primary);color:#fff}.odonto-btn-primary{align-items:center;background:var(--primary-gradient);border:none;border-radius:var(--radius-sm);box-shadow:0 4px 12px #10b98140;color:var(--text-white);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:10px 18px;transition:var(--transition);white-space:nowrap}.odonto-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #10b98159;transform:translateY(-2px)}.odonto-btn-primary:active{transform:translateY(0)}.odonto-btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.odonto-btn-secondary{align-items:center;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:var(--transition)}.odonto-btn-secondary:hover{background:var(--border-color);color:var(--text-primary)}.odonto-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.odonto-btn-secondary .spin{animation:odonto-spin .8s linear infinite}.odonto-btn-add{align-items:center;background:var(--primary-gradient);border:none;border-radius:var(--radius-sm);box-shadow:0 4px 12px #10b98140;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:10px 16px;transition:var(--transition);white-space:nowrap}.odonto-btn-add:hover:not(:disabled){box-shadow:0 6px 20px #10b98159;transform:translateY(-2px)}.odonto-btn-add:disabled{cursor:not-allowed;opacity:.5;transform:none}.odonto-btn-add .spin{animation:odonto-spin .8s linear infinite}.odonto-actions{display:flex;gap:6px}.odonto-actions,.odonto-btn-icon{align-items:center;justify-content:center}.odonto-btn-icon{background:#0000;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:14px;height:36px;transition:var(--transition);width:36px}.odonto-btn-icon:hover{box-shadow:var(--shadow);transform:translateY(-2px) scale(1.05)}.odonto-btn-icon.view:hover{background:var(--info-bg);border-color:var(--info);color:var(--info)}.odonto-btn-icon.edit:hover{background:var(--primary-bg);border-color:var(--primary);color:var(--primary)}.odonto-btn-icon.delete:hover{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.odonto-btn-apply{align-items:center;background:var(--primary-gradient);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:12px;font-weight:600;gap:6px;padding:6px 14px;transition:var(--transition)}.odonto-btn-apply:hover{box-shadow:0 4px 12px #10b9814d;transform:scale(1.05)}.odonto-btn-camera,.odonto-btn-remove,.odonto-btn-upload{align-items:center;border:none;border-radius:6px;color:var(--text-white);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;height:28px;justify-content:center;padding:0 10px;transition:var(--transition)}.odonto-btn-upload{background:var(--primary-gradient);box-shadow:0 2px 8px #10b98133}.odonto-btn-upload:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.odonto-btn-camera{background:var(--info)}.odonto-btn-camera:hover{background:#2563eb;transform:translateY(-1px)}.odonto-btn-remove{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-muted);padding:0 8px}.odonto-btn-remove:hover{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.odonto-btn-add-med{align-items:center;background:var(--bg-tertiary);border:1.5px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:var(--transition)}.odonto-btn-add-med:hover{background:var(--primary-bg);border-color:var(--primary);color:var(--primary)}.odonto-btn-remove-med{align-items:center;background:#0000;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:var(--transition);width:32px}.odonto-btn-remove-med:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.odonto-btn-remove-med:disabled{cursor:not-allowed;opacity:.3}.odonto-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.odonto-badge.primary{background:var(--primary-bg);color:var(--primary-dark)}.odonto-badge.success{background:var(--success-bg);color:var(--success)}.odonto-badge.warning{background:var(--warning-bg);color:#d97706}.odonto-badge.danger{background:var(--danger-bg);color:var(--danger)}.odonto-badge.info{background:var(--info-bg);color:var(--info)}.odonto-badge.purple{background:var(--purple-bg);color:var(--purple)}.odonto-badge.gray{background:var(--bg-tertiary);color:var(--text-muted)}.odonto-badge-birthday{background:var(--primary-bg);border-radius:20px;color:var(--primary-dark);display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.odonto-badge-birthday.soon{animation:odonto-pulse 2s ease-in-out infinite;background:var(--warning-bg);color:#d97706}.odonto-badge-plantilla{align-items:center;background:#ebf8ff;border-radius:10px;color:#2c5282;display:inline-flex;font-size:11px;gap:4px;padding:2px 8px;white-space:nowrap}.odonto-badge-status{border-radius:20px;font-size:12px;padding:4px 12px}.odonto-badge-status.active{background:var(--primary-bg);color:var(--primary-dark)}.odonto-badge-status.inactive{background:var(--bg-tertiary);color:var(--text-muted)}.odonto-badge-status.draft{background:var(--warning-bg);color:#d97706}.odonto-badge-status.completed{background:var(--primary-bg);color:var(--primary-dark)}.odonto-badge-status.cancelled{background:var(--danger-bg);color:var(--danger)}.odonto-badge-status.scheduled{background:var(--info-bg);color:var(--info)}.odonto-badge-status.in-progress{background:var(--purple-bg);color:var(--purple)}.odonto-badge-tipo.antibiotico{background:#fed7d7;color:#9b2c2c}.odonto-badge-tipo.analgesico{background:#fef3c7;color:#92400e}.odonto-badge-tipo.corticoide{background:#e9d8fd;color:#553c9a}.odonto-badge-tipo.antifungico{background:#f0fff4;color:#276749}.odonto-badge-tipo.antiviral{background:#ebf8ff;color:#2a69ac}.odonto-badge-tipo.combinacion{background:#feebc8;color:#c05621}.odonto-badge-tipo.otro{background:#edf2f7;color:#4a5568}.odonto-expiry-date{font-size:13px}.odonto-expiry-date.valid{color:#276749}.odonto-expiry-date.expired{color:#c53030;font-weight:500}.odonto-expiry-none{color:#a0aec0}.odonto-modal-overlay{align-items:center;animation:odonto-fadeIn .2s ease;backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:var(--odonto-z-modal)}.odonto-modal{animation:odonto-slideUp .25s ease;background:var(--odonto-bg-card);border-radius:var(--odonto-radius-lg);box-shadow:var(--odonto-shadow-modal);display:flex;flex-direction:column;max-height:90vh;max-width:560px;overflow:hidden;width:100%}.odonto-modal-sm{max-width:400px}.odonto-modal-md{max-width:560px}.odonto-modal-lg{max-width:720px}.odonto-modal-xl{max-width:900px}.odonto-modal-full{max-width:95vw}.odonto-modal-header{align-items:center;background:var(--odonto-bg-card);border-bottom:1px solid var(--odonto-border-color);border-top-left-radius:var(--odonto-radius-lg);border-top-right-radius:var(--odonto-radius-lg);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.odonto-modal-header h2,.odonto-modal-header h3{color:var(--odonto-text-primary);font-family:var(--odonto-font-family);font-size:var(--odonto-font-size-lg);font-weight:600;margin:0}.odonto-modal-header p{color:var(--odonto-text-secondary);font-size:var(--odonto-font-size-sm);margin:2px 0 0}.odonto-modal-header.primary{background:var(--odonto-primary-bg);border-bottom-color:var(--odonto-primary)}.odonto-modal-header.secondary{background:var(--odonto-secondary-bg);border-bottom-color:var(--odonto-secondary)}.odonto-modal-header.danger{background:#ef444414;background:var(--odonto-danger-bg,#ef444414);border-bottom-color:var(--odonto-danger)}.odonto-modal-close{align-items:center;background:var(--odonto-bg-tertiary);border:1px solid var(--odonto-border-color);border-radius:var(--odonto-radius);color:var(--odonto-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:4px;transition:all .15s ease;width:32px}.odonto-modal-close:hover{background:var(--odonto-primary-hover);border-color:var(--odonto-primary);color:var(--odonto-primary)}.odonto-modal-body{background:var(--odonto-bg-card);color:var(--odonto-text-primary);flex:1 1;font-family:var(--odonto-font-family);overflow-y:auto;padding:20px}.odonto-modal-footer{background:var(--odonto-bg-tertiary);border-bottom-left-radius:var(--odonto-radius-lg);border-bottom-right-radius:var(--odonto-radius-lg);border-top:1px solid var(--odonto-border-color);display:flex;flex-shrink:0;gap:8px;justify-content:flex-end;padding:12px 20px}@keyframes odonto-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes odonto-slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.odonto-detail-header{align-items:center;border-radius:var(--radius) var(--radius) 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.odonto-detail-header.blue{background:var(--blue-gradient);border-bottom:2px solid #ffffff1a}.odonto-detail-header-profile{align-items:center;display:flex;flex:1 1;gap:20px}.odonto-detail-avatar{flex-shrink:0}.odonto-detail-info{display:flex;flex-direction:column;gap:4px}.odonto-detail-name{color:#fff!important;font-size:22px;font-weight:700;letter-spacing:-.5px;margin:0}.odonto-detail-document{align-items:center;color:#ffffffd9!important;display:flex;font-size:14px;gap:8px}.odonto-detail-document svg{color:#ffffff80!important}.odonto-detail-hc{align-items:center;color:#ffffffd9!important;display:flex;font-size:14px;gap:8px}.odonto-detail-hc svg{color:#ffffff80!important}.odonto-detail-hc strong{background:#fff3;border-radius:12px;color:#fff!important;font-size:13px;font-weight:700;padding:2px 12px}.odonto-detail-status{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.odonto-detail-body{background:#fff!important;flex:1 1!important;min-height:0!important;overflow-y:auto!important;padding:20px 24px!important}.odonto-detail-body::-webkit-scrollbar{width:6px}.odonto-detail-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.odonto-detail-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.odonto-detail-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.odonto-detail-section{background:#fff!important;margin-bottom:24px;padding:4px 0}.odonto-detail-section:last-child{margin-bottom:0}.odonto-detail-section-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;gap:10px;margin-bottom:12px;padding-bottom:10px}.odonto-detail-section-title{color:#0f172a!important;font-size:15px;font-weight:700;margin:0}.odonto-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.odonto-detail-grid-three{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}.odonto-detail-grid-two{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.5fr 1fr}.odonto-detail-item{display:flex;flex-direction:column;gap:2px}.odonto-detail-item.full-width{grid-column:1/-1}.odonto-detail-label{align-items:center!important;color:#1e293b!important;display:flex!important;font-size:11px!important;font-weight:700!important;gap:6px!important;letter-spacing:.5px!important;margin-bottom:2px!important;text-transform:uppercase!important}.odonto-detail-label svg{color:#475569!important;flex-shrink:0!important;font-size:14px!important}.odonto-detail-value{color:#0f172a!important;font-size:14px!important;font-weight:600!important;padding:4px 0!important}.odonto-detail-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.odonto-detail-stat{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-sm);padding:14px;text-align:center}.odonto-detail-stat .stat-number{color:#0f172a!important;font-size:22px;font-weight:700}.odonto-detail-stat .stat-label{color:#64748b!important;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.odonto-timeline{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.odonto-timeline-item{align-items:center;display:flex;gap:12px}.odonto-timeline-dot{background:#2563eb;border-radius:50%;flex-shrink:0;height:8px;width:8px}.odonto-timeline-content{display:flex;font-size:14px;gap:8px}.odonto-timeline-label{color:#64748b!important;font-weight:500}.odonto-timeline-value{color:#0f172a!important;font-weight:500}.odonto-allergy-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.odonto-allergy-tag{background:#fee2e2!important;border:1px solid #fecaca;border-radius:12px;color:#dc2626!important;display:inline-block;font-size:13px;font-weight:500;padding:4px 12px}.odonto-medical-history{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-sm);color:#334155!important;font-size:14px;line-height:1.6;max-height:100px;overflow-y:auto;padding:12px}.odonto-blood-type{background:#dbeafe!important;border-radius:12px;color:#1e40af!important;display:inline-block;font-size:13px;font-weight:700;padding:2px 12px}.odonto-detail-header-info{border-bottom:2px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.odonto-detail-header-info,.odonto-detail-name-title{align-items:center;display:flex;gap:12px}.odonto-detail-name-title h2{color:var(--text-primary);font-size:22px;font-weight:700;margin:0}.odonto-detail-name-title svg{color:var(--primary)}.odonto-precio{color:var(--primary-dark);font-size:18px;font-weight:700}.odonto-detail-item-full{grid-column:1/-1}.odonto-checkbox-group{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.odonto-checkbox-group input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:18px;width:18px}.odonto-checkbox-group label{color:var(--text-primary);cursor:pointer;font-weight:600}.odonto-checkbox-group .odonto-form-help{color:var(--text-muted);font-size:12px}.odonto-badge-info{align-items:center;background:var(--info-bg);border-radius:12px;color:var(--info);display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px}.odonto-description-text{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0;padding:12px 16px;white-space:pre-wrap}.odonto-config-tabs-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-bottom:none;border-radius:var(--radius) var(--radius) 0 0;margin-top:0;overflow:hidden}.odonto-config-tabs{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:4px;padding:12px 20px}.odonto-config-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:var(--transition)}.odonto-config-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.odonto-config-tab.active{background:var(--primary-gradient);box-shadow:0 4px 12px #10b98140;color:#fff}.odonto-config-content-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:0 0 var(--radius) var(--radius);border-top:none;padding:24px}.odonto-config-section{animation:odonto-fadeIn .3s ease}.odonto-config-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding-bottom:16px}.odonto-config-header h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.odonto-config-header p{color:var(--text-muted);flex:1 1;font-size:14px;margin:0}.odonto-config-header .odonto-btn-primary{margin-left:auto}.odonto-config-form{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);max-width:100%;padding:24px}.odonto-config-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}.odonto-config-grid .odonto-form-group{display:flex;flex-direction:column;gap:6px}.odonto-config-grid .odonto-form-group label{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:0;text-transform:none}.odonto-config-grid .odonto-form-group input,.odonto-config-grid .odonto-form-group select{background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 14px;transition:var(--transition);width:100%}.odonto-config-grid .odonto-form-group input:focus,.odonto-config-grid .odonto-form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #10b9811a;outline:none}.odonto-config-grid .odonto-form-group input::placeholder{color:var(--text-dim)}.odonto-input-with-suffix{align-items:center;background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);display:flex;overflow:hidden;transition:var(--transition)}.odonto-input-with-suffix:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #10b9811a}.odonto-input-with-suffix input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:14px;min-width:0;outline:none;padding:10px 14px}.odonto-input-with-suffix input:focus{box-shadow:none}.odonto-input-with-suffix .odonto-input-suffix{background:var(--bg-tertiary);border-left:1px solid var(--border-color);color:var(--text-muted);font-size:13px;font-weight:500;padding:10px 14px;white-space:nowrap}.odonto-config-section-title{align-items:center;border-bottom:2px solid var(--border-color);display:flex;gap:10px;margin:24px 0 16px;padding-bottom:10px}.odonto-config-section-title:first-of-type{margin-top:0}.odonto-config-section-title svg{color:var(--primary);flex-shrink:0}.odonto-config-section-title span{color:var(--text-primary);font-size:15px;font-weight:700}.odonto-config-checkboxes{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px}.odonto-config-checkboxes .odonto-checkbox-group{display:flex;flex-direction:column;gap:2px}.odonto-config-checkboxes .odonto-checkbox-row{align-items:center;display:flex;gap:12px}.odonto-config-checkboxes .odonto-checkbox-group input[type=checkbox]{accent-color:var(--primary);cursor:pointer;flex-shrink:0;height:18px;width:18px}.odonto-config-checkboxes .odonto-checkbox-group label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px}.odonto-checkbox-help{color:var(--text-muted);display:block;font-size:12px;margin-left:30px;margin-top:2px}.odonto-config-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;margin-top:8px;padding-top:16px}.odonto-config-actions .odonto-btn-primary{font-size:15px;padding:12px 32px}.odonto-color-picker{display:flex;flex-wrap:wrap;gap:10px;padding:8px 0}.odonto-color-option{border:3px solid #0000;border-radius:50%;cursor:pointer;flex-shrink:0;height:36px;padding:0;transition:var(--transition);width:36px}.odonto-color-option:hover{transform:scale(1.15)}.odonto-color-option.selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-card),0 0 0 4px var(--text-primary)}@media (max-width:768px){.odonto-config-tabs{flex-direction:column;gap:4px;padding:10px 16px}.odonto-config-tab{justify-content:center;width:100%}.odonto-config-grid{gap:16px;grid-template-columns:1fr}.odonto-config-header{align-items:flex-start;flex-direction:column;gap:8px}.odonto-config-header .odonto-btn-primary{justify-content:center;margin-left:0;width:100%}.odonto-config-content-wrapper,.odonto-config-form{padding:16px}.odonto-config-checkboxes{padding:12px}.odonto-config-actions{flex-direction:column}.odonto-config-actions .odonto-btn-primary{justify-content:center;width:100%}.odonto-color-picker{gap:8px}.odonto-color-option{height:30px;width:30px}.odonto-input-with-suffix{flex-wrap:wrap}.odonto-input-with-suffix input{flex:1 1 100%;padding:10px 14px}.odonto-input-with-suffix .odonto-input-suffix{border-left:none;border-top:1px solid var(--border-color);flex:1 1 100%;padding:6px 14px;text-align:center}.odonto-config-section-title{margin:16px 0 12px}.odonto-checkbox-help{margin-left:0}}@media (max-width:480px){.odonto-config-content-wrapper,.odonto-config-form{padding:12px}.odonto-config-header h3{font-size:17px}.odonto-config-grid .odonto-form-group input,.odonto-config-grid .odonto-form-group select{font-size:13px;padding:8px 12px}}.odonto-dias-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));margin:12px 0 16px}.odonto-dia-item{border:2px solid var(--border-color);border-radius:var(--radius-sm);min-width:0;padding:12px 14px;transition:var(--transition)}.odonto-dia-item.active{background:var(--primary-bg);border-color:var(--primary)}.odonto-dia-item.inactive{background:#f9fafb;border-color:#e5e7eb;opacity:.85}.odonto-dia-item:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.odonto-dia-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.odonto-dia-label{color:var(--text-primary);font-size:14px;font-weight:600;white-space:nowrap}.odonto-dia-toggle{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:11px;font-weight:600;gap:4px;padding:3px 10px;transition:var(--transition);white-space:nowrap}.odonto-dia-toggle.active{background:var(--primary-bg);color:var(--primary-dark)}.odonto-dia-toggle.inactive{background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280}.odonto-dia-toggle:hover{transform:scale(1.05)}.odonto-dia-horario{align-items:center;display:flex;gap:4px;margin-top:4px;width:100%}.odonto-dia-horario-group{display:flex;flex:1 1;flex-direction:column;min-width:0}.odonto-dia-horario-label{color:var(--text-muted);font-size:9px;font-weight:600;letter-spacing:.3px;margin-bottom:1px;text-transform:uppercase}.odonto-dia-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:11px;min-width:0;padding:3px 4px;width:100%}.odonto-dia-input:focus{border-color:var(--primary);outline:none}.odonto-dia-separator{color:var(--text-muted);flex-shrink:0;font-size:12px;font-weight:600;padding:0 2px}.odonto-dia-descanso{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:12px 0;text-align:center}.odonto-dia-descanso svg{margin-bottom:2px}.odonto-dia-descanso span{font-size:13px;font-weight:500}.odonto-dia-descanso small{color:var(--text-muted);display:block;font-size:10px;margin-top:2px}.odonto-dia-copy-btn{align-items:center;background:#0000;border:1px dashed var(--border-color);border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;font-family:inherit;font-size:10px;gap:4px;justify-content:center;margin-top:8px;padding:3px 8px;transition:var(--transition);width:100%}.odonto-dia-copy-btn:hover{background:var(--primary-bg);border-color:var(--primary);color:var(--primary)}@media (max-width:768px){.odonto-dias-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.odonto-dia-item{padding:10px 12px}.odonto-dia-header{flex-wrap:wrap}.odonto-dia-label{font-size:13px}.odonto-dia-toggle{font-size:10px;padding:2px 8px}.odonto-dia-input{font-size:10px;padding:2px 3px}}@media (max-width:480px){.odonto-dias-grid{gap:8px;grid-template-columns:1fr 1fr}.odonto-dia-item{padding:8px 10px}.odonto-dia-horario{flex-wrap:wrap;gap:2px}.odonto-dia-horario-group{flex:1 1 40%}.odonto-dia-separator{display:none}.odonto-dia-input{font-size:10px;padding:2px 3px}.odonto-dia-label{font-size:12px}.odonto-dia-toggle{font-size:9px;padding:2px 6px}}.odonto-form-group{display:flex;flex-direction:column;gap:4px}.odonto-form-group label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.odonto-form-group input,.odonto-form-group select,.odonto-form-group textarea{background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:13px;padding:8px 12px;transition:var(--transition)}.odonto-form-group input:focus,.odonto-form-group select:focus,.odonto-form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #10b9811a;outline:none}.odonto-form-group input::placeholder,.odonto-form-group textarea::placeholder{color:var(--text-dim)}.odonto-form-group input.field-found{background:var(--primary-bg);border-color:var(--primary)}.odonto-form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2364748b' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:32px}.odonto-form-help{color:var(--text-muted);font-size:12px}.odonto-form-row{grid-gap:12px;grid-template-columns:1fr 1fr}.odonto-form-row,.odonto-form-row-three{display:grid;gap:12px;margin-bottom:12px}.odonto-form-row-three{grid-gap:12px;grid-template-columns:1fr 1fr .7fr}.odonto-form-row-custom{grid-gap:12px;display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr;margin-bottom:12px}.odonto-form-row-address{grid-gap:12px;display:grid;gap:12px;grid-template-columns:2fr 1fr;margin-bottom:12px}.odonto-form-row-allergies{grid-gap:12px;display:grid;gap:12px;grid-template-columns:.7fr .5fr 2fr;margin-bottom:12px}.odonto-form-row-hc{grid-gap:12px;display:grid;gap:12px;grid-template-columns:2fr .7fr;margin-bottom:0}.odonto-form-row-compact{align-items:center;background:#0000;display:flex;gap:16px;margin-bottom:16px;width:100%}.odonto-cedula-section{align-items:center;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);display:flex;flex:1 1;gap:0;padding:12px 2px;transition:var(--transition)}.odonto-cedula-section:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #10b9811a}.odonto-cedula-label{align-items:center;color:var(--text-muted);display:flex;flex-shrink:0;font-size:10px;font-weight:700;gap:4px;white-space:nowrap}.odonto-cedula-label svg{color:var(--primary);font-size:12px}.odonto-cedula-wrapper{align-items:center;display:flex;flex:1 1;min-width:0;position:relative}.odonto-cedula-wrapper .odonto-cedula-icon{color:var(--text-dim);font-size:12px;left:6px;pointer-events:none;position:absolute;transition:var(--transition);z-index:2}.odonto-cedula-wrapper:focus-within .odonto-cedula-icon{color:var(--primary)}.odonto-cedula-input{background:#0000;border:none;color:var(--text-primary);font-family:monospace;font-size:13px;font-weight:600;padding:5px 45px 5px 25px;width:100%}.odonto-cedula-input:focus{outline:none}.odonto-cedula-input:disabled{cursor:not-allowed;opacity:.6}.odonto-cedula-counter{color:var(--text-dim);font-size:9px;font-weight:600;pointer-events:none;position:absolute;right:26px;transition:var(--transition);z-index:2}.odonto-cedula-counter.complete{color:var(--primary)}.odonto-cedula-spinner{animation:odonto-spin .8s linear infinite;color:var(--warning)}.odonto-cedula-spinner,.odonto-cedula-success{font-size:14px;position:absolute;right:6px;z-index:2}.odonto-cedula-success{color:var(--primary)}.odonto-cedula-error{color:var(--danger);font-size:14px;position:absolute;right:6px;z-index:2}.odonto-cedula-wrapper.success{background:var(--primary-bg);border-color:var(--primary)}.odonto-cedula-wrapper.error{background:var(--danger-bg);border-color:var(--danger)}.odonto-cedula-wrapper.searching{background:var(--warning-bg);border-color:var(--warning)}.odonto-cedula-message{animation:odonto-slideDown .3s ease;border-radius:4px;font-size:11px;font-weight:500;margin-top:4px;padding:4px 10px}.odonto-cedula-message.success{background:var(--primary-bg);border:1px solid #10b98126;color:var(--primary-dark)}.odonto-cedula-message.error{background:var(--danger-bg);border:1px solid #ef444426;color:var(--danger)}.odonto-image-upload{align-items:center;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);display:flex;flex:1.5 1;gap:10px;padding:6px 12px;transition:var(--transition)}.odonto-image-upload:hover{background:var(--primary-bg);border-color:var(--border-hover)}.odonto-image-label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.odonto-image-actions{align-items:center;display:flex;gap:6px}.odonto-error-message{align-items:center;background:var(--danger-bg);border:1px solid #ef444433;border-radius:var(--radius-sm);color:var(--danger);display:flex;font-size:13px;gap:8px;margin-bottom:14px;padding:10px 14px}.odonto-medication-row{align-items:center;display:grid}.odonto-medication-row input{background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:13px;padding:8px 10px;transition:var(--transition)}.odonto-medication-row input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #10b9811a;outline:none}.odonto-med-select{background:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;font-family:inherit;font-size:8px;padding:4px 8px}.odonto-med-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a;outline:none}.odonto-med-select:disabled{cursor:not-allowed;opacity:.5}.odonto-camera-overlay{align-items:center;animation:odonto-fadeIn .3s ease;backdrop-filter:blur(10px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.odonto-camera-modal{animation:odonto-slideUp .3s ease;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;max-height:90vh;max-width:640px;overflow:hidden;width:100%}.odonto-camera-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.odonto-camera-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:700;gap:10px;margin:0}.odonto-camera-body{flex:1 1;min-height:320px;padding:16px}.odonto-camera-body,.odonto-camera-viewport{align-items:center;display:flex;justify-content:center;overflow:hidden}.odonto-camera-viewport{aspect-ratio:4/3;background:#000;border-radius:var(--radius-sm);position:relative;width:100%}.odonto-camera-video{height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.odonto-camera-captured{background:#000;height:100%;object-fit:contain;width:100%}.odonto-camera-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:200px}.odonto-camera-spinner{animation:odonto-spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}.odonto-camera-error{color:var(--danger);padding:20px;text-align:center}.odonto-camera-error p{font-size:14px;margin-bottom:16px}.odonto-camera-footer{background:var(--bg-tertiary);border-top:1px solid var(--border-color);flex-shrink:0;gap:16px;padding:16px 20px}.odonto-camera-capture,.odonto-camera-footer{align-items:center;display:flex;justify-content:center}.odonto-camera-capture{background:var(--primary-gradient);border:3px solid var(--border-color);border-radius:50%;color:#fff;cursor:pointer;height:56px;transition:var(--transition);width:56px}.odonto-camera-capture:hover{border-color:var(--primary);box-shadow:0 0 30px #10b9814d;transform:scale(1.08)}.odonto-camera-capture:active{transform:scale(.95)}.odonto-plantilla-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;max-height:400px;overflow-y:auto}.odonto-plantilla-grid::-webkit-scrollbar{width:6px}.odonto-plantilla-grid::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.odonto-plantilla-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.odonto-plantilla-card{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:14px 16px;transition:var(--transition)}.odonto-plantilla-card:hover{background:var(--primary-bg);border-color:var(--primary);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.odonto-plantilla-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:6px}.odonto-plantilla-title{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:10px}.odonto-plantilla-title h4{color:var(--text-primary);font-size:15px;margin:0}.odonto-plantilla-desc{color:var(--text-secondary);font-size:13px;margin:4px 0 8px}.odonto-plantilla-meds{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px}.odonto-plantilla-med-tag{background:#f7fafc;border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:12px;padding:2px 10px}.odonto-plantilla-duracion{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:6px;margin-top:6px}.odonto-plantilla-warning{align-items:flex-start;background:#fef3c7;border-radius:4px;color:#92400e;display:flex;font-size:12px;gap:6px;margin-top:6px;padding:6px 10px}.odonto-plantilla-preview{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:20px;padding:16px}.odonto-plantilla-preview h4{color:var(--text-primary);font-size:14px;margin:0 0 12px}.odonto-preview-meds{display:flex;flex-direction:column;gap:6px}.odonto-preview-med{background:#fff;border-radius:4px;display:flex;font-size:13px;gap:12px;padding:4px 8px}.odonto-preview-med span:first-child{flex:1 1;font-weight:500}.odonto-preview-med span:last-child{color:var(--text-muted)}.odonto-preview-instructions{font-size:13px}.odonto-preview-instructions strong{display:block;margin-bottom:4px}.odonto-preview-instructions p{color:var(--text-secondary);margin:0}@keyframes ondasSonido{0%,to{opacity:.4;transform:scaleY(.3)}50%{opacity:1;transform:scaleY(1)}}@keyframes pulsoLlamada{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}@media (max-width:1024px){.odonto-stats-grid{grid-template-columns:repeat(3,1fr)}.odonto-filters-row{align-items:stretch;flex-direction:column;gap:12px}.odonto-filter-stats{margin-left:0;text-align:center}}@media (max-width:768px){.odonto-stats-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.odonto-stat-card{padding:14px 16px}.odonto-stat-value{font-size:22px}.odonto-stat-icon{font-size:18px;height:44px;width:44px}.odonto-header-actions{align-items:stretch;flex-direction:column;gap:10px;width:100%}.odonto-search-wrapper{min-width:auto;width:100%}.odonto-btn-add,.odonto-btn-primary,.odonto-btn-secondary{justify-content:center;padding:12px 16px;width:100%}.odonto-table-container{overflow-x:auto}.odonto-table{font-size:13px;min-width:600px}.odonto-table td,.odonto-table th{padding:12px 14px}.odonto-modal{max-height:calc(100dvh - 48px);max-width:calc(100vw - 32px)}.odonto-modal-header{padding:14px 18px}.odonto-modal-header h3{font-size:16px}.odonto-modal-body{padding:14px 18px}.odonto-modal-footer{flex-wrap:wrap;padding:12px 18px}.odonto-modal-footer button{flex:1 1;justify-content:center}.odonto-form-row,.odonto-form-row-address,.odonto-form-row-allergies,.odonto-form-row-custom,.odonto-form-row-hc,.odonto-form-row-three{gap:10px;grid-template-columns:1fr!important}.odonto-form-row-compact{align-items:stretch;flex-direction:column;gap:10px}.odonto-cedula-section{padding:8px 12px}.odonto-cedula-input{font-size:14px;padding:6px 45px 6px 28px}.odonto-image-upload{padding:10px 14px}.odonto-image-actions,.odonto-image-upload{flex-wrap:wrap;justify-content:center}.odonto-detail-header{padding:16px 18px}.odonto-detail-header,.odonto-detail-header-profile{align-items:flex-start;flex-direction:column;gap:12px}.odonto-detail-name{font-size:18px}.odonto-detail-body{padding:14px 18px!important}.odonto-detail-grid,.odonto-detail-grid-three,.odonto-detail-grid-two{gap:12px;grid-template-columns:1fr}.odonto-detail-stats{grid-template-columns:repeat(2,1fr)}.odonto-medication-row{gap:6px;grid-template-columns:1fr 1fr}.odonto-medication-row input:last-of-type{grid-column:1/-1}.odonto-cat-filters{gap:6px}.odonto-cat-btn{font-size:12px;padding:4px 10px}.odonto-plantilla-title h4{font-size:13px}.odonto-plantilla-header{align-items:stretch;flex-direction:column;gap:6px}.odonto-btn-apply{align-self:stretch;justify-content:center}}@media (max-width:480px){.odonto-modal-overlay{align-items:flex-end;padding:0}.odonto-modal{border-radius:20px 20px 0 0;max-height:92dvh;max-width:100%;width:100%}.odonto-stats-grid{gap:6px;grid-template-columns:1fr 1fr}.odonto-stat-card{gap:10px;padding:10px 12px}.odonto-stat-icon{border-radius:12px;font-size:16px;height:36px;width:36px}.odonto-stat-value{font-size:18px}.odonto-stat-label{font-size:11px}.odonto-modal-header h3{font-size:14px}.odonto-modal-body{padding:10px 14px}.odonto-modal-footer{flex-direction:column;padding:10px 14px}.odonto-modal-footer button{justify-content:center;width:100%}.odonto-search-input{font-size:14px;padding:10px 32px 10px 34px}.odonto-medication-row{gap:4px;grid-template-columns:1fr}.odonto-medication-row input{font-size:12px;padding:6px 8px}.odonto-plantilla-card{padding:10px 12px}}@media (max-width:600px){.odonto-table-container{background:#0000;border:none;border-radius:0;box-shadow:none}.odonto-table thead{display:none}.odonto-table,.odonto-table tbody{display:block;width:100%}.odonto-table tbody tr{border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);display:block;margin-bottom:12px;padding:4px 14px}.odonto-table tbody tr,.odonto-table tbody tr:hover{background:var(--bg-card)}.odonto-table td{align-items:center;border-bottom:1px solid var(--border-color);display:flex;font-size:13px;gap:12px;justify-content:space-between;padding:10px 0}.odonto-table td:last-child{border-bottom:none}.odonto-table td:before{color:var(--text-muted);content:attr(data-label);flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.6px;min-width:72px;text-transform:uppercase}.odonto-empty-state{display:block;padding:40px 20px;text-align:center}.odonto-actions{justify-content:flex-end}.odonto-cell-with-avatar{justify-content:flex-start}}.odonto-agenda-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:0;max-height:100%;overflow:visible;width:100%}.odonto-agenda-grid{display:grid;font-size:13px;grid-template-columns:60px repeat(7,1fr);min-width:800px;width:100%}.odonto-agenda-header{align-items:center;background:var(--bg-tertiary);border-bottom:2px solid var(--border-color);border-right:1px solid var(--border-color);color:var(--text-secondary);display:flex;flex-direction:column;font-weight:600;justify-content:center;min-height:50px;padding:10px 8px;text-align:center}.odonto-agenda-header.today{background:var(--primary-bg);border-bottom:2px solid var(--primary)}.odonto-agenda-header.today .day-name{color:var(--primary-dark);font-weight:700}.odonto-agenda-header.today .day-number{color:var(--primary-dark);font-weight:800}.odonto-agenda-corner{background:var(--bg-tertiary);border-bottom:2px solid var(--border-color);border-right:1px solid var(--border-color);min-height:50px}.odonto-agenda-header .day-name{color:var(--text-muted);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.odonto-agenda-header .day-number{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.2}.odonto-agenda-hour{align-items:center;background:var(--bg-tertiary);color:var(--text-muted);display:flex;font-size:11px;font-weight:500;justify-content:center;padding:8px 4px;text-align:center}.odonto-agenda-hour,.odonto-agenda-slot{border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);min-height:44px}.odonto-agenda-slot{background:var(--bg-card);cursor:pointer;padding:4px;position:relative;transition:background .15s ease}.odonto-agenda-slot:hover{background:var(--bg-hover)}.odonto-agenda-cita{animation:odonto-fadeIn .2s ease;background:#3b82f614;border-left:4px solid #3b82f6;border-radius:8px;box-shadow:0 1px 4px #0000000a;cursor:pointer;font-size:12px;margin-bottom:4px;padding:6px 8px;transition:all .15s}.odonto-agenda-cita:hover{box-shadow:0 4px 12px #00000014;transform:scale(1.02);z-index:5}.odonto-agenda-cita .odonto-btn-icon{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:14px;height:28px;justify-content:center;padding:0;transition:all .15s ease;width:28px}.odonto-agenda-cita .odonto-btn-icon:hover{background:#0000000f;transform:scale(1.05)}.odonto-agenda-cita .odonto-btn-icon.delete:hover{background:#ef44441a;color:var(--danger)}.odonto-filters-row{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);gap:10px;margin-bottom:16px}.odonto-agenda-nav{align-items:center;display:flex;gap:8px}.odonto-agenda-nav .odonto-btn-icon{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.odonto-agenda-nav .odonto-btn-icon:hover{background:var(--bg-tertiary);border-color:var(--primary);color:var(--primary)}.odonto-agenda-nav .odonto-agenda-week-label{color:var(--text-primary);font-size:15px;font-weight:600;margin-left:8px;min-width:180px}.odonto-agenda-nav .odonto-btn-secondary{font-size:13px;padding:4px 12px}.odonto-modal-llamada{background:linear-gradient(135deg,#1a1f2a,#0f172a)!important;border:1px solid #4ade8033!important;max-width:400px!important}.odonto-modal-llamada .odonto-modal-header{background:#0000!important;border-bottom:none!important}.odonto-modal-llamada .odonto-modal-body{background:#0000!important}.odonto-modal-llamada .odonto-modal-close{background:#ffffff1a!important;color:#fff9!important}.odonto-modal-llamada .odonto-modal-close:hover{background:#fff3!important;color:#fff!important}.odonto-modal-config{max-height:90vh!important;max-width:1000px!important;width:90vw!important}.odonto-agenda-status-scheduled{border-left-color:#facc15}.odonto-agenda-status-confirmed{border-left-color:#4ade80}.odonto-agenda-status-in_progress{border-left-color:#3b82f6}.odonto-agenda-status-completed{border-left-color:#9ca3af}.odonto-agenda-status-cancelled{border-left-color:#ef4444}.odonto-agenda-status-no_show{border-left-color:#f59e0b}@media (max-width:1024px){.odonto-agenda-grid{font-size:12px;min-width:700px}.odonto-agenda-header{min-height:44px;padding:8px 4px}.odonto-agenda-header .day-number{font-size:15px}.odonto-agenda-hour{font-size:10px;min-height:38px}.odonto-agenda-slot{min-height:38px;padding:3px}}@media (max-width:768px){.odonto-agenda-container{border-radius:var(--radius-sm)}.odonto-agenda-grid{font-size:11px;min-width:600px}.odonto-agenda-header{min-height:40px;padding:6px 2px}.odonto-agenda-header .day-name{font-size:9px}.odonto-agenda-header .day-number{font-size:13px}.odonto-agenda-hour{font-size:9px;min-height:34px;padding:4px 2px}.odonto-agenda-slot{min-height:34px;padding:2px}.odonto-filters-row{align-items:stretch;flex-direction:column;gap:10px;padding:10px 14px}.odonto-agenda-nav{flex-wrap:wrap;justify-content:center}.odonto-agenda-nav .odonto-agenda-week-label{font-size:13px;margin:4px 0;min-width:auto;text-align:center;width:100%}.odonto-agenda-cita{font-size:10px!important;padding:4px 6px!important}.odonto-agenda-cita .odonto-btn-icon{font-size:11px;height:22px;width:22px}.odonto-modal-llamada{max-width:90vw!important}.odonto-modal-llamada .odonto-modal-body h3{font-size:18px!important}.odonto-modal-llamada .odonto-modal-body p{font-size:24px!important}}@media (max-width:480px){.odonto-agenda-grid{font-size:10px;min-width:500px}.odonto-agenda-header{min-height:36px;padding:4px 2px}.odonto-agenda-header .day-name{font-size:8px}.odonto-agenda-header .day-number{font-size:12px}.odonto-agenda-hour{font-size:8px;min-height:30px}.odonto-agenda-slot{min-height:30px;padding:2px}.odonto-agenda-cita{font-size:9px!important;padding:3px 4px!important}.odonto-agenda-cita .odonto-btn-icon{font-size:10px;height:20px;width:20px}}.odonto-agenda-container::-webkit-scrollbar{height:8px;width:8px}.odonto-agenda-container::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.odonto-agenda-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.odonto-agenda-container::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.presupuesto-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;margin-bottom:12px;overflow:hidden;transition:all .2s ease}.presupuesto-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.presupuesto-card-header{align-items:flex-start;background:#fafbfc;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}.presupuesto-card-info{flex:1 1;min-width:200px}.presupuesto-card-title{align-items:center;color:#0f172a;display:flex;flex-wrap:wrap;font-size:15px;font-weight:600;gap:8px;margin:0 0 6px}.presupuesto-card-title svg{flex-shrink:0}.presupuesto-card-badge{background:#f1f5f9;border-radius:12px;color:#64748b;font-size:11px;font-weight:500;margin-left:4px;padding:2px 10px}.presupuesto-card-meta{color:#94a3b8;display:flex;flex-wrap:wrap;font-size:12px;gap:16px}.presupuesto-card-meta span{align-items:center;display:flex}.presupuesto-card-total{flex-shrink:0;text-align:right}.presupuesto-card-amount{color:#0f172a;font-size:18px;font-weight:700}.presupuesto-card-count{color:#94a3b8;font-size:11px}.presupuesto-card-description{background:#f8fafc;border-bottom:1px solid #f1f5f9;color:#475569;font-size:13px;padding:8px 20px 12px}.presupuesto-card-actions{align-items:center;background:#f8fafc;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:10px 20px}.presupuesto-toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6366f1;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;padding:4px 8px;transition:all .15s}.presupuesto-toggle-btn:hover{background:#eef2ff}.presupuesto-pendientes-count{color:#94a3b8;font-size:11px;font-weight:400}.presupuesto-seleccionados{align-items:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #6ee7b7;border-radius:8px;display:flex;gap:12px;padding:6px 14px 6px 18px}.presupuesto-seleccionados-info{color:#065f46;font-size:13px;font-weight:600}.presupuesto-cobrar-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:6px 16px;transition:all .2s;white-space:nowrap}.presupuesto-cobrar-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b98159;transform:translateY(-1px)}.presupuesto-cobrar-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.presupuesto-table-wrapper{overflow-x:auto;padding:0 20px 16px}.presupuesto-table{border-collapse:collapse;border-radius:8px;font-size:13px;overflow:hidden;width:100%}.presupuesto-table thead{background:#f1f5f9}.presupuesto-table th{border-bottom:1px solid #e2e8f0;color:#475569;font-size:11px;font-weight:600;letter-spacing:.3px;padding:10px 12px;text-align:left;text-transform:uppercase}.presupuesto-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;padding:10px 12px;vertical-align:middle}.presupuesto-table tbody tr:hover{background:#f8fafc}.presupuesto-table tbody tr:last-child td{border-bottom:none}.presupuesto-row-completado{background:#f8fafc;opacity:.75}.presupuesto-row-completado td{color:#94a3b8}.presupuesto-table-select{text-align:center!important;width:44px}.presupuesto-cell-select{text-align:center;width:44px}.presupuesto-select-all-btn,.presupuesto-select-item-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:inline-flex;justify-content:center;padding:4px;transition:all .15s}.presupuesto-select-all-btn:hover,.presupuesto-select-item-btn:hover{background:#e2e8f0;color:#475569}.presupuesto-select-all-btn svg,.presupuesto-select-item-btn svg{flex-shrink:0}.presupuesto-cell-tooth{color:#0f172a;font-weight:600}.presupuesto-cell-diagnostico{color:#475569;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.presupuesto-cell-tratamiento{color:#1e293b;font-weight:500}.presupuesto-cell-estado{text-align:center}.presupuesto-cell-precio{color:#0f172a;font-weight:600;text-align:right;white-space:nowrap}.odonto-badge-status{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.2px;padding:2px 10px;text-transform:capitalize}.odonto-badge-status.active{background:#dbeafe;color:#2563eb}.odonto-badge-status.draft{background:#f1f5f9;color:#64748b}.odonto-badge-status.completed{background:#d1fae5;color:#065f46}.odonto-badge-status.pendiente{background:#fef3c7;color:#92400e}.odonto-badge-status.completado{background:#d1fae5;color:#065f46}.odonto-badge-status.cancelado{background:#fee2e2;color:#991b1b}.presupuesto-table tfoot{background:#f8fafc;border-top:2px solid #e2e8f0}.presupuesto-table-total-label{color:#0f172a;font-weight:600;padding-right:12px;text-align:right}.presupuesto-table-total-value{color:#0f172a;font-size:15px;font-weight:700;text-align:right}.presupuesto-checkmark{color:#10b981;margin-left:4px}.odonto-filters-row{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.odonto-search-wrapper{align-items:center;display:flex;flex:0 1 auto;min-width:200px;position:relative}.odonto-search-icon{color:#94a3b8;font-size:14px;left:10px;position:absolute}.odonto-search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;font-family:inherit;font-size:13px;padding:7px 36px 7px 34px;transition:all .2s;width:100%}.odonto-search-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.odonto-search-input::placeholder{color:#94a3b8}.odonto-search-clear{align-items:center;background:#0000;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:8px;transition:all .15s}.odonto-search-clear:hover{background:#f1f5f9;color:#475569}.odonto-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 20px;text-align:center}@media (max-width:640px){.presupuesto-card-header{align-items:stretch;flex-direction:column;gap:8px}.presupuesto-card-total{text-align:left}.presupuesto-card-actions{align-items:stretch;flex-direction:column}.presupuesto-seleccionados{flex-wrap:wrap;justify-content:center}.presupuesto-table-wrapper{padding:0 12px 12px}.presupuesto-table{font-size:12px}.presupuesto-table td,.presupuesto-table th{padding:6px 8px}.odonto-filters-row{align-items:stretch;flex-direction:column}.odonto-search-wrapper{min-width:100%}}.presupuesto-card{animation:fadeIn .25s ease}.odonto-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;justify-content:center;overflow:hidden;position:relative;text-transform:uppercase;transition:var(--transition)}.odonto-avatar:hover{transform:scale(1.05)}.odonto-avatar-image{height:100%;object-fit:cover;width:100%}.odonto-avatar.bordered-primary{border:3px solid var(--primary)}.odonto-avatar.bordered-blue{border:3px solid var(--blue-primary)}.odonto-avatar.shadow-md{box-shadow:0 4px 12px #10b98133}.odontograma-wrapper{margin:0 auto;max-width:1100px;width:100%}.odontograma-container{background:#141920;border-radius:12px;box-shadow:0 8px 32px #0006;overflow:visible;padding:0;position:relative;width:100%}.odontograma-background{border-radius:8px;display:block;height:430px;pointer-events:none;width:100%}.odont-diente,.odontograma-background{-webkit-user-select:none;user-select:none}.odont-diente{align-items:center;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;font-weight:600;justify-content:center;overflow:visible;position:absolute;text-shadow:0 0 4px #00000080;transition:all .2s ease;z-index:1}.odont-diente:hover{box-shadow:0 0 12px #6842fe4d;transform:scale(1.05);z-index:5}.odont-diente.selected{border-color:#ef4444!important;box-shadow:0 0 0 2px #ef4444,0 0 20px #ef44444d;z-index:10}.odont-cara-selector{height:100%;width:100%}.odont-cara-selector svg{background:#ffffffe6;border:1px solid #00000026;border-radius:50%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:100%;width:100%}.odont-cara-selector circle,.odont-cara-selector path{cursor:pointer;transition:fill .15s ease}.odont-cara-selector circle:hover,.odont-cara-selector path:hover{fill:#f0f0f0!important}@media (max-width:768px){.odontograma-wrapper{max-width:100%;padding:0 8px}.odont-cara-selector{height:22px;width:22px}.odont-diente{font-size:8px}}@media (max-width:480px){.odont-cara-selector{height:18px;width:18px}.odont-diente{font-size:7px}}.odonto-modal .form-group label,.odonto-modal label,.odonto-modal-body .form-group label,.odonto-modal-body label,.odonto-modal-body label[style]{color:#1a1f2a!important;opacity:1!important;visibility:visible!important}.odonto-modal-body .form-group label span,.odonto-modal-body .form-group label:first-child,.odonto-modal-body label span{color:#1a1f2a!important}.odonto-modal-body .form-group label span[style*="color: #ef4444"]{color:#ef4444!important}.odonto-modal-body .form-group label span[style*="color: #6b7280"]{color:#6b7280!important}.odonto-modal-body .form-group:last-of-type label{color:#1a1f2a!important}.odonto-modal-body *{color:inherit}.odonto-modal-body .form-group label,.odonto-modal-body .form-group label *{color:#1a1f2a!important}.hc-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px;margin-top:8px}.hc-stat-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;gap:16px;padding:20px 24px;transition:var(--transition)}.hc-stat-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover);transform:translateY(-4px)}.hc-stat-icon{align-items:center;border-radius:16px;display:flex;flex-shrink:0;font-size:24px;height:56px;justify-content:center;transition:var(--transition);width:56px}.hc-stat-icon-patients{background:linear-gradient(135deg,#fbbf24,#f97316);box-shadow:0 4px 16px #f9731640;color:#fff}.hc-stat-icon-records{background:var(--primary-gradient);box-shadow:0 4px 16px #10b98140;color:#fff}.hc-stat-icon-types{background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:0 4px 16px #8b5cf640;color:#fff}.hc-stat-icon-updated{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 4px 16px #60a5fa40;color:#fff}.hc-stat-card:hover .hc-stat-icon{transform:scale(1.1) rotate(5deg)}.hc-stat-info{display:flex;flex-direction:column;gap:2px}.hc-stat-value{color:var(--text-primary);font-size:28px;font-weight:800;line-height:1.1}.hc-stat-label{color:var(--text-muted)}.hc-btn-back,.hc-stat-label{font-size:13px;font-weight:600}.hc-btn-back{align-items:center;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;gap:6px;justify-content:center;padding:10px 18px;transition:var(--transition);white-space:nowrap}.hc-btn-back:hover{background:var(--border-color);color:var(--text-primary);transform:translateX(-2px)}.hc-btn-back:active{transform:translateX(0)}.hc-header-actions .hc-search-wrapper{flex:1 1;min-width:200px}@media (max-width:768px){.hc-btn-back{font-size:13px;padding:10px 14px;width:auto}.hc-header-actions .hc-search-wrapper{flex:1 1;min-width:150px}}@media (max-width:480px){.hc-btn-back{font-size:12px;padding:8px 12px}.hc-btn-back svg{font-size:14px}}.hc-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;width:100%}.hc-search-wrapper{align-items:center;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);display:flex;flex:1 1;min-width:280px;position:relative;transition:var(--transition);z-index:100}.hc-search-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #10b9811a;z-index:101}.hc-search-icon{color:var(--text-dim);font-size:16px;left:12px;pointer-events:none;position:absolute;z-index:2}.hc-search-input{background:#0000;border:none;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:10px 16px 10px 38px;width:100%}.hc-search-input::placeholder{color:var(--text-dim)}.hc-search-dropdown{animation:slideDown .25s ease;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-modal);left:0;max-height:400px;min-width:100%;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:9999!important}.hc-search-dropdown::-webkit-scrollbar{width:6px}.hc-search-dropdown::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.hc-search-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.hc-search-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.hc-search-item{border-bottom:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:12px 16px;transition:var(--transition)}.hc-search-item:last-child{border-bottom:none}.hc-search-item:hover{background:var(--primary-bg);transform:translateX(4px)}.hc-search-item .detail-header-profile{align-items:center;display:flex;gap:14px}.hc-search-item .detail-avatar-wrapper{flex-shrink:0}.hc-search-item .detail-profile-info{display:flex;flex-direction:column;gap:2px}.hc-search-item .detail-profile-name{color:#434343!important;font-size:15px;font-weight:600;margin:0}.hc-search-item .detail-profile-document{color:#5f5d5d!important;font-size:11px}.hc-search-empty{color:var(--text-muted);font-size:14px;padding:24px 16px;text-align:center}.hc-search-wrapper-title{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}.hc-header-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.hc-btn-primary{align-items:center;background:var(--primary-gradient);border:none;border-radius:var(--radius-sm);box-shadow:0 4px 12px #10b98140;color:var(--text-white);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:700;gap:6px;justify-content:center;padding:10px 18px;transition:var(--transition);white-space:nowrap}.hc-btn-primary:hover{box-shadow:0 6px 20px #10b98159;transform:translateY(-2px)}.hc-btn-primary:active{transform:translateY(0)}.hc-btn-secondary{align-items:center;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:var(--transition)}.hc-btn-secondary:hover{background:var(--border-color);color:var(--text-primary)}.hc-btn-cancel{align-items:center;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:var(--transition)}.hc-btn-cancel:hover{background:var(--border-color);color:var(--text-primary)}.hc-btn-save{align-items:center;background:var(--primary-gradient);border:none;border-radius:var(--radius-sm);box-shadow:0 4px 12px #10b98140;color:var(--text-white);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:700;gap:6px;padding:10px 20px;transition:var(--transition)}.hc-btn-save:hover:not(:disabled){box-shadow:0 6px 20px #10b98159;transform:translateY(-2px)}.hc-btn-save:disabled{cursor:not-allowed;opacity:.5;transform:none}.hc-main-container{margin-top:4px}.hc-panel{grid-gap:20px;display:grid;gap:20px;grid-template-columns:380px 1fr;margin-top:16px}.hc-panel-left{max-height:600px}.hc-panel-left,.hc-panel-right{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.hc-panel-right{min-height:400px}.hc-list-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);flex-shrink:0;padding:16px 20px}.hc-list-title{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:700;gap:8px;margin:0}.hc-list-count{background:var(--bg-primary);border-radius:12px;color:var(--text-muted);font-size:13px;font-weight:600;padding:2px 10px}.hc-list-items{flex:1 1;overflow-y:auto;padding:8px}.hc-list-items::-webkit-scrollbar{width:6px}.hc-list-items::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.hc-list-items::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.hc-list-items::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.hc-list-item{border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;margin-bottom:4px;padding:12px 16px;transition:var(--transition)}.hc-list-item:last-child{margin-bottom:0}.hc-list-item:hover{background:var(--primary-bg);border-color:var(--border-hover)}.hc-list-item-active{background:var(--primary-bg)!important;border-color:var(--primary)!important;box-shadow:0 0 0 2px #10b98126}.hc-list-item-content{align-items:center;display:flex;gap:12px;justify-content:space-between}.hc-list-item-title{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:2px}.hc-list-item-meta{color:var(--text-muted);font-size:12px}.hc-list-item-actions{display:flex;flex-shrink:0;gap:4px}.hc-list-item-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:var(--transition);width:32px}.hc-list-item-btn:hover{transform:scale(1.1)}.hc-list-item-btn-edit:hover{background:var(--primary-bg);color:var(--primary)}.hc-list-item-btn-delete:hover{background:var(--danger-bg);color:var(--danger)}.hc-list-empty{align-items:center;color:var(--text-muted);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.hc-list-empty-icon{color:var(--text-dim);font-size:48px;margin-bottom:12px}.hc-list-empty-text{font-size:14px;margin-bottom:16px}.hc-list-loading{align-items:center;color:var(--text-muted);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 20px}.hc-spinner{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary);height:40px;margin-bottom:12px;width:40px}.hc-view{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:24px}.hc-view::-webkit-scrollbar{width:6px}.hc-view::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.hc-view::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.hc-view-header{align-items:flex-start;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.hc-view-title{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.hc-view-meta{align-items:center;color:var(--text-muted);display:flex;gap:6px;margin-top:4px}.hc-view-meta,.hc-view-meta-icon{font-size:14px}.hc-view-id{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-dim);font-family:monospace;font-size:12px;padding:4px 12px}.hc-view-section{margin-bottom:20px}.hc-view-section:last-of-type{margin-bottom:16px}.hc-view-label{color:var(--text-muted);display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.hc-view-text{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0;padding:12px 16px}.hc-view-text-italic{color:var(--text-muted);font-style:italic}.hc-view-json{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:Courier New,monospace;font-size:13px;margin:0;max-height:300px;overflow-x:auto;overflow-y:auto;padding:16px}.hc-view-json::-webkit-scrollbar{height:6px;width:6px}.hc-view-json::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.hc-view-json::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.hc-view-footer{border-top:1px solid var(--border-color);color:var(--text-dim);display:flex;font-size:12px;justify-content:space-between;margin-top:auto;padding-top:16px}.hc-form{flex:1 1;overflow-y:auto;padding:24px}.hc-form::-webkit-scrollbar{width:6px}.hc-form::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.hc-form::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.hc-form-title{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 20px;padding-bottom:12px}.hc-form-group{margin-bottom:16px}.hc-form-group:last-of-type{margin-bottom:20px}.hc-form-label{color:var(--text-muted);display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.hc-form-label .required{color:var(--danger);margin-left:2px}.hc-form-input,.hc-form-select,.hc-form-textarea{background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;padding:10px 14px;transition:var(--transition);width:100%}.hc-form-input:focus,.hc-form-select:focus,.hc-form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #10b9811a;outline:none}.hc-form-input::placeholder,.hc-form-textarea::placeholder{color:var(--text-dim)}.hc-form-input:disabled,.hc-form-select:disabled,.hc-form-textarea:disabled{cursor:not-allowed;opacity:.6}.hc-form-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2364748b' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.hc-form-select option{background:var(--bg-card);color:var(--text-primary)}.hc-form-textarea{min-height:60px;resize:vertical}.hc-form-textarea-json{font-family:Courier New,monospace;font-size:13px}.hc-form-hint{color:var(--text-dim);display:block;font-size:12px;margin-top:4px}.hc-form-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.hc-modal-overlay{align-items:center;animation:fadeIn .25s ease;backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}.hc-modal{animation:slideUp .3s ease;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-modal);max-width:480px;overflow:hidden;width:100%}.hc-modal-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.hc-modal-title{color:var(--text-primary);font-size:16px;font-weight:700;margin:0}.hc-modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:var(--transition)}.hc-modal-close:hover{background:var(--border-color);color:var(--text-primary);transform:rotate(90deg)}.hc-modal-message{color:var(--text-secondary);font-size:15px;line-height:1.6;margin:0;padding:20px 24px}.hc-modal-actions{background:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.hc-modal-btn-cancel{background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:8px 20px;transition:var(--transition)}.hc-modal-btn-cancel:hover{background:var(--border-color);color:var(--text-primary)}.hc-modal-btn-delete{background:var(--danger);border:none;border-radius:var(--radius-sm);color:var(--text-white);cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;padding:8px 20px;transition:var(--transition)}.hc-modal-btn-delete:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.hc-empty-state{align-items:center;color:var(--text-muted);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.hc-empty-state-icon{color:var(--text-dim);font-size:56px;margin-bottom:16px}.hc-empty-state-icon-large{font-size:80px}.hc-empty-state-title{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.hc-empty-state-subtitle{color:var(--text-muted);font-size:14px;line-height:1.6;margin:0 0 16px;max-width:400px}.hc-empty-state-full{min-height:400px;padding:80px 20px}.hc-empty-state .hc-btn-primary{margin-top:8px}.hc-patient-banner{align-items:center;background:linear-gradient(135deg,#1a56db,#2563eb);border-radius:var(--radius);box-shadow:0 4px 16px #2563eb33;display:flex;justify-content:space-between;margin-bottom:16px;padding:16px 24px}.hc-patient-banner-info{align-items:center;display:flex;gap:14px}.hc-patient-banner-icon{color:#ffffff80;font-size:24px}.hc-patient-banner-name{color:#fff;display:block;font-size:18px;font-weight:700}.hc-patient-banner-document{color:#fffc;display:block;font-size:14px}.hc-patient-banner-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:var(--transition)}.hc-patient-banner-close:hover{background:#fff3;transform:rotate(90deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width:1024px){.hc-panel{gap:16px;grid-template-columns:1fr}.hc-panel-left{max-height:400px}.hc-panel-right{min-height:350px}.hc-stats-grid{grid-template-columns:repeat(2,1fr)}.hc-search-wrapper{min-width:200px}}@media (max-width:768px){.hc-stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.hc-stat-card{padding:14px 18px}.hc-stat-value{font-size:22px}.hc-stat-icon{font-size:20px;height:44px;width:44px}.hc-header-actions{align-items:stretch;flex-direction:column;gap:10px}.hc-search-wrapper{min-width:auto;width:100%}.hc-search-input{font-size:15px;padding:12px 16px 12px 38px}.hc-header-buttons{justify-content:stretch;width:100%}.hc-header-buttons button{flex:1 1;justify-content:center}.hc-panel{gap:12px;grid-template-columns:1fr}.hc-panel-left{max-height:350px}.hc-view{padding:16px}.hc-view-title{font-size:17px}.hc-view-header{flex-direction:column;gap:8px}.hc-view-id{align-self:flex-start}.hc-form{padding:16px}.hc-form-actions{flex-direction:column}.hc-form-actions button{justify-content:center;width:100%}.hc-patient-banner{align-items:flex-start;flex-direction:column;gap:12px;padding:14px 18px}.hc-patient-banner-info{width:100%}.hc-patient-banner-close{align-self:flex-end}.hc-empty-state-full{padding:40px 20px}.hc-empty-state-icon-large{font-size:60px}.hc-modal{max-width:calc(100vw - 32px)}.hc-modal-actions{flex-direction:column}.hc-modal-actions button{justify-content:center;width:100%}.hc-search-dropdown{max-height:300px}.hc-search-item .detail-profile-name{font-size:14px}}@media (max-width:480px){.hc-stats-grid{gap:8px;grid-template-columns:1fr 1fr}.hc-stat-card{gap:10px;padding:12px 14px}.hc-stat-icon{border-radius:12px;font-size:16px;height:36px;width:36px}.hc-stat-value{font-size:18px}.hc-stat-label{font-size:11px}.hc-panel-left{max-height:300px}.hc-list-item{padding:10px 12px}.hc-list-item-title{font-size:13px}.hc-view-title{font-size:16px}.hc-view-json{font-size:12px;max-height:200px;padding:12px}.hc-form-title{font-size:16px}.hc-form-input,.hc-form-select,.hc-form-textarea{font-size:13px;padding:8px 12px}.hc-modal-overlay{align-items:flex-end;padding:0}.hc-modal{border-radius:var(--radius) var(--radius) 0 0;max-width:100%}.hc-modal-message{font-size:14px;padding:16px 18px}.hc-search-input{font-size:14px;padding:10px 14px 10px 36px}.hc-search-item{padding:10px 12px}.hc-search-item .detail-avatar-wrapper .paciente-avatar{font-size:14px!important;height:40px!important;width:40px!important}.hc-search-item .detail-profile-name{font-size:13px}.hc-search-item .detail-profile-document{font-size:12px}}.spin{animation:spin .8s linear infinite}.pto-header-actions-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:12px;width:100%}.pto-btn-primary{align-items:center;background:var(--primary-gradient);border:none;border-radius:var(--radius-sm);box-shadow:0 4px 12px #10b98140;color:var(--text-white);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:10px 18px;transition:var(--transition);white-space:nowrap}.pto-btn-primary:hover{box-shadow:0 6px 20px #10b98159;transform:translateY(-2px)}.pto-btn-primary:active{transform:translateY(0)}.pto-btn-secondary{align-items:center;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:var(--transition)}.pto-btn-secondary:hover{background:var(--border-color);color:var(--text-primary)}.pto-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.admin-news-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.admin-news-filter{min-width:200px}.news-type-badge{border:1px solid;border-radius:20px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 12px;text-transform:uppercase}.news-title-cell{align-items:center;display:flex;gap:10px}.news-icon{color:var(--primary);flex-shrink:0}.news-title-cell div{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.news-title-cell strong{color:var(--text-primary);font-size:14px}.news-highlight-badge{background:var(--warning);border-radius:12px;color:#fff;display:inline-block;font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 10px;text-transform:uppercase}.news-content-preview{color:var(--text-muted);font-size:13px;line-height:1.4;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-status-btn{border:none;border-radius:20px;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.3px;padding:3px 14px;text-transform:uppercase;transition:var(--transition)}.news-status-btn.active{background:var(--success);color:#fff}.news-status-btn.active:hover{background:var(--success-dark)}.news-status-btn.inactive{background:var(--border-color);color:var(--text-muted)}.news-status-btn.inactive:hover{background:var(--border-dark)}.news-date{color:var(--text-muted);font-size:12px;white-space:nowrap}.news-priority{background:var(--bg-tertiary);border-radius:12px;color:var(--text-primary);display:inline-block;font-size:11px;font-weight:600;padding:2px 12px}.admin-news-modal .modal-content{max-width:760px}.admin-news-form{display:flex;flex-direction:column;gap:16px;padding:4px 0}.admin-news-form-group-full{width:100%}.admin-news-form-group{display:flex;flex-direction:column;gap:5px}.admin-news-form-group label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admin-news-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.admin-news-form-row-4{gap:16px;grid-template-columns:1fr 1fr 1fr .8fr}.admin-news-textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family);font-size:14px;line-height:1.6;min-height:80px;padding:10px 14px;resize:vertical;transition:var(--transition);width:100%}.admin-news-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg);outline:none}.admin-news-form-group-checkbox{justify-content:center;padding-top:20px}.admin-news-form-group-checkbox label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;letter-spacing:0;text-transform:none}.admin-news-form-group-checkbox input[type=checkbox]{accent-color:var(--primary);cursor:pointer;flex-shrink:0;height:18px;width:18px}.modal-error-text{align-items:center;background:var(--danger-bg);border-radius:var(--radius-sm);color:var(--danger);display:flex;font-size:13px;gap:8px;margin-bottom:8px;padding:8px 12px}.spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.admin-news-form-row,.admin-news-form-row-4{grid-template-columns:1fr 1fr}}@media (max-width:768px){.admin-news-form-row,.admin-news-form-row-4{grid-template-columns:1fr}.admin-news-toolbar{align-items:stretch;flex-direction:column}.admin-news-filter{min-width:100%}.admin-news-form-group-checkbox{padding-top:0}}.news-image-thumb{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:6px;height:50px;overflow:hidden;width:50px}.news-image-thumb img{height:100%;object-fit:cover;width:100%}.news-no-image{color:var(--text-muted);font-size:11px}.admin-news-image-section{display:flex;flex-direction:column;gap:12px}.admin-news-image-preview{background:var(--bg-tertiary);border:2px solid var(--border-light);border-radius:8px;flex-shrink:0;height:120px;overflow:hidden;position:relative;width:120px}.admin-news-image-preview img{height:100%;object-fit:cover;width:100%}.admin-news-image-remove{align-items:center;background:#ef4444d9;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:6px;top:6px;transition:var(--transition);width:28px}.admin-news-image-remove:hover{background:var(--danger);transform:scale(1.05)}.admin-news-image-upload{align-items:center;border:2px dashed var(--border-color);border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:80px;padding:20px;transition:var(--transition)}.admin-news-image-upload:hover{background:var(--primary-bg);border-color:var(--primary)}.admin-news-image-input{display:none}.admin-news-image-label{align-items:center;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;font-size:13px;gap:6px}.admin-news-image-label svg{color:var(--primary)}.admin-news-image-hint{color:var(--text-dim);font-size:11px}.admin-news-image-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.admin-news-image-hint-warning{color:var(--warning);font-size:12px}.features-toolbar{align-items:center;justify-content:space-between;width:100%}.features-filters,.features-toolbar{display:flex;flex-wrap:wrap;gap:12px}.features-filters{flex:1 1}.features-filter{flex:1 1;max-width:280px;min-width:180px}.features-filter-status{flex:0 1 auto;max-width:180px}.feature-description{color:var(--text-muted);font-size:11px;margin-top:1px}.feature-code{background:#ff8c421a;border-radius:4px;color:#ff8c42;font-family:monospace;font-size:11px;padding:2px 7px}.feature-module{background:#8cb79b1a;border-radius:20px;color:#8cb79b;font-size:12px;font-weight:600;padding:2px 9px}.feature-module-empty{color:var(--text-muted);font-size:12px}.feature-not-premium{color:var(--text-muted);font-size:11px}.features-modal .modal-content{max-height:92vh;max-width:500px;width:95vw}.features-form{display:flex;flex-direction:column;gap:14px;padding:4px 0}.features-form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.features-form-group{display:flex;flex-direction:column;gap:4px}.features-form-group label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.features-form-group .input-container textarea{min-height:60px;resize:vertical}.features-module-combobox .custom-combobox{width:100%}.features-checkboxes{display:flex;flex-wrap:wrap;gap:20px;margin-top:4px}.features-checkbox{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:4px 0}.features-checkbox input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:16px;width:16px}.features-checkbox-star{color:#f59e0b}@media (max-width:768px){.features-toolbar{align-items:stretch;flex-direction:column;gap:10px}.features-filters{flex-direction:column;gap:8px}.features-filter{max-width:100%;min-width:0;min-width:auto}.features-filter-status{flex:1 1;max-width:100%}.features-form-row{grid-template-columns:1fr}.features-checkboxes{flex-direction:column;gap:8px}}@media (max-width:480px){.feature-module{font-size:11px;padding:1px 7px}.feature-code{font-size:10px;padding:1px 5px}}.plans-container{padding:30px 20px;position:relative}.plans-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);transition:all .4s cubic-bezier(.4,0,.2,1)}.plans-grid:has(.plan-card:hover) .plan-card:not(:hover){filter:blur(3px) brightness(.6) saturate(.5);opacity:.6;transform:scale(.95);transition:all .5s cubic-bezier(.4,0,.2,1)}.plan-card{align-items:center;background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid #ffffff14;border-radius:20px;box-shadow:0 4px 24px #00000026;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:32px 24px 28px;position:relative;text-align:center;transition:all .5s cubic-bezier(.4,0,.2,1);will-change:transform,filter}.plan-card:before{background:radial-gradient(circle at 50% 50%,#ff8c4214 0,#0000 80%);background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),var(--glow-color,#ff8c4214) 0,#0000 80%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .6s ease;z-index:0}.plan-card:hover:before{opacity:1}.plan-card:after{background:linear-gradient(135deg,#ff8c42,#0000 40%,#0000 60%,#ff8c42);background:linear-gradient(135deg,var(--color,#ff8c42),#0000 40%,#0000 60%,var(--color,#ff8c42));border-radius:20px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1.5px;position:absolute;transition:opacity .5s ease;z-index:0}.plan-card:hover:after{opacity:1}.plan-card:hover{background:linear-gradient(145deg,#1e1e3a,#18203a);border-color:#ff8c42;border-color:var(--color,#ff8c42);box-shadow:0 24px 60px #0006,0 0 80px #ff8c421a;box-shadow:0 24px 60px #0006,0 0 80px var(--glow-shadow,#ff8c421a);transform:translateY(-12px) scale(1.04);z-index:10}.plan-card-icon{align-items:center;background:#ff8c4214;background:var(--bg-color,#ff8c4214);border:2px solid;border-radius:50%;display:flex;flex-shrink:0;height:56px;justify-content:center;margin-bottom:16px;position:relative;transition:all .5s cubic-bezier(.34,1.56,.64,1);width:56px;z-index:1}.plan-card:hover .plan-card-icon{box-shadow:0 0 40px #ff8c4233;box-shadow:0 0 40px var(--glow-shadow,#ff8c4233);transform:scale(1.1) rotate(-8deg)}.plan-card-title{color:#fff;font-size:20px;font-weight:800;letter-spacing:-.3px;line-height:1.2;margin:0 0 6px;position:relative;transition:all .4s ease;z-index:1}.plan-card:hover .plan-card-title{color:#ff8c42;color:var(--color,#ff8c42);text-shadow:0 0 40px #ff8c4233;text-shadow:0 0 40px var(--glow-shadow,#ff8c4233);transform:scale(1.03)}.plan-card-subtitle{color:#ffffff80;font-size:14px;font-weight:400;line-height:1.4;margin:0 0 20px;position:relative;transition:all .3s ease;z-index:1}.plan-card:hover .plan-card-subtitle{color:#ffffffb3}.plan-card-price{align-items:baseline;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;display:flex;gap:6px;justify-content:center;margin-bottom:20px;padding:10px 24px;position:relative;transition:all .5s cubic-bezier(.34,1.56,.64,1);width:100%;z-index:1}.plan-card:hover .plan-card-price{background:#ff8c42;background:var(--color,#ff8c42);border-color:#ff8c42;border-color:var(--color,#ff8c42);box-shadow:0 8px 50px #ff8c4240;box-shadow:0 8px 50px var(--glow-shadow,#ff8c4240);transform:scale(1.08)}.plan-price-amount{color:#ff8c42;color:var(--color,#ff8c42);font-size:38px;font-weight:900;letter-spacing:-1px;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.plan-card:hover .plan-price-amount{color:#fff;text-shadow:0 2px 30px #00000040;transform:scale(1.03)}.plan-price-period{color:#fff6;font-size:15px;font-weight:500;transition:all .4s ease}.plan-card:hover .plan-price-period{color:#ffffffd9}.plan-card-features{flex:1 1;position:relative;text-align:left;width:100%;z-index:1}.plan-features-title{color:#ffffff4d;display:block;font-size:11px;font-weight:600;letter-spacing:1px;margin-bottom:14px;text-align:center;text-transform:uppercase;transition:all .3s ease}.plan-card:hover .plan-features-title{color:#ffffff80;letter-spacing:1.5px}.plan-features-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.plan-feature-item{align-items:center;color:#ffffffa6;display:flex;font-size:13px;gap:10px;line-height:1.3;padding:4px 0;transform-origin:left center;transition:all .3s ease}.plan-card:hover .plan-feature-item{color:#ffffffd9;transform:translateX(6px)}.plan-card:hover .plan-feature-item:first-child{transition-delay:.02s}.plan-card:hover .plan-feature-item:nth-child(2){transition-delay:.04s}.plan-card:hover .plan-feature-item:nth-child(3){transition-delay:.06s}.plan-card:hover .plan-feature-item:nth-child(4){transition-delay:.08s}.plan-card:hover .plan-feature-item:nth-child(5){transition-delay:.1s}.plan-card:hover .plan-feature-item:nth-child(6){transition-delay:.12s}.plan-card:hover .plan-feature-item:nth-child(7){transition-delay:.14s}.plan-card:hover .plan-feature-item:nth-child(8){transition-delay:.16s}.plan-card:hover .plan-feature-item:nth-child(9){transition-delay:.18s}.plan-card:hover .plan-feature-item:nth-child(10){transition-delay:.2s}.plan-card:hover .plan-feature-item:nth-child(11){transition-delay:.22s}.plan-feature-check{flex-shrink:0;min-width:18px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.plan-card:hover .plan-feature-check{transform:scale(1.2)}.plan-card .light-ray{animation:rotateLight 25s linear infinite;background:conic-gradient(from 0deg,#0000 0deg,#ff8c4208 60deg,#0000 120deg,#ff8c4208 180deg,#0000 240deg,#ff8c4208 300deg,#0000 1turn);background:conic-gradient(from 0deg,#0000 0deg,var(--glow-color,#ff8c4208) 60deg,#0000 120deg,var(--glow-color,#ff8c4208) 180deg,#0000 240deg,var(--glow-color,#ff8c4208) 300deg,#0000 1turn);height:300%;left:-100%;opacity:0;pointer-events:none;position:absolute;top:-100%;transition:opacity .8s ease;width:300%;z-index:0}.plan-card:hover .light-ray{opacity:.4}@keyframes rotateLight{to{transform:rotate(1turn)}}@media (max-width:1200px){.plans-grid{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.plans-grid{gap:18px;grid-template-columns:1fr 1fr}.plan-card{padding:28px 20px 24px}.plan-card-title{font-size:18px}.plan-price-amount{font-size:32px}}@media (max-width:550px){.plans-grid{gap:20px;grid-template-columns:1fr}.plans-grid:has(.plan-card:hover) .plan-card:not(:hover){filter:none;opacity:1;transform:none}.plan-card{margin:0 auto;max-width:400px;padding:28px 24px 24px}.plan-card-title{font-size:17px}.plan-price-amount{font-size:30px}.plan-card-price{padding:10px 20px}}.audit-toolbar{flex-wrap:wrap;gap:12px;justify-content:flex-end;width:100%}.audit-filter,.audit-toolbar{align-items:center;display:flex}.audit-filter{gap:8px;min-width:200px}.audit-filter-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;transition:color .2s}.audit-filter-clear:hover{color:var(--text-primary)}.audit-table-wrapper{width:100%}.audit-date{white-space:nowrap}.audit-actor,.audit-date{color:var(--text-secondary);font-size:13px}.audit-actor{align-items:center;display:flex;gap:6px}.audit-actor-icon{color:var(--text-muted);flex-shrink:0}.audit-action{align-items:center;display:flex;font-size:13px;font-weight:600;gap:7px}.audit-description-text{color:var(--text-secondary);display:block;font-size:13px;line-height:1.4;max-width:100%}.audit-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 10px}.audit-badge-success{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.audit-badge-danger{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.audit-badge-warning{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b}.audit-badge-info{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.audit-modal-title{align-items:center;display:flex;gap:10px}.audit-modal-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 12px}.audit-modal-body{display:flex;flex-direction:column;gap:16px;max-height:70vh;overflow-y:auto;padding:4px 0}.audit-info-grid{grid-gap:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr;padding:12px 16px}.audit-info-label{align-items:center;color:var(--text-muted);display:flex;font-size:10px;font-weight:600;gap:4px;text-transform:uppercase}.audit-info-value{font-size:13px;font-weight:500;margin-top:2px;word-break:break-word}.audit-description{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:12px 16px}.audit-description-label{align-items:center;color:var(--text-muted);display:flex;font-size:10px;font-weight:600;gap:4px;margin-bottom:4px;text-transform:uppercase}.audit-description-text{word-wrap:break-word;color:var(--text-primary);font-size:14px;line-height:1.5;white-space:normal}.audit-value-null{color:#9ca3af}.audit-value-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:2px 10px}.audit-value-active{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.audit-value-inactive{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.audit-value-true{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.audit-value-false{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.audit-value-json{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;margin:4px 0;max-height:200px;overflow:auto;padding:8px 12px;white-space:pre-wrap;word-break:break-word}.audit-value-json,.audit-value-uuid{font-family:Courier New,monospace;font-size:12px}.audit-value-uuid{color:#6b7280}.audit-money{color:#10b981;font-weight:600}.audit-tags{display:flex;flex-wrap:wrap;gap:4px}.audit-tag{background:#3b82f61a;border-radius:12px;color:#3b82f6;font-size:11px;padding:2px 8px}.audit-detail-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.audit-detail-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:8px 12px}.audit-detail-label{color:var(--text-muted);font-size:11px;font-weight:600;text-transform:uppercase}.audit-detail-value{font-size:14px;font-weight:500;margin-top:2px;word-break:break-word}.audit-access-denied{display:flex;flex-direction:column;gap:12px}.audit-access-denied-banner{align-items:center;background:#ef444414;border:1px solid #ef4444;border-radius:6px;color:#ef4444;display:flex;gap:12px;padding:16px}.audit-access-denied-banner strong{display:block;font-size:14px}.audit-access-denied-banner span{font-size:12px;font-weight:400}.audit-summary{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px}.audit-summary-label{color:var(--text-muted);font-size:12px}.audit-summary-count{color:#3b82f6;font-size:14px;font-weight:700}.audit-summary-tags{display:flex;flex-wrap:wrap;gap:6px}.audit-summary-tag{background:#3b82f61a;border-radius:12px;color:#3b82f6;font-size:11px;font-weight:600;padding:2px 10px}.audit-changes{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:12px 16px}.audit-changes-header{align-items:center;color:var(--text-muted);display:flex;font-size:11px;font-weight:600;gap:8px;margin-bottom:12px;text-transform:uppercase}.audit-changes-list{display:flex;flex-direction:column;gap:8px}.audit-change-item{grid-gap:8px;align-items:flex-start;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;display:grid;gap:8px;grid-template-columns:120px 1fr 40px 1fr;padding:10px 14px}.audit-change-field{color:var(--text-primary);font-size:13px;font-weight:600;padding-top:4px}.audit-change-old{background:#ef44440d;border:1px solid #ef444433;border-radius:4px;color:#ef4444}.audit-change-new,.audit-change-old{font-size:13px;max-height:250px;overflow:auto;padding:4px 10px;width:100%;word-break:break-word}.audit-change-new{background:#10b9810d;border:1px solid #10b98133;border-radius:4px;color:#10b981}.audit-change-arrow{color:#3b82f6;display:flex;justify-content:center;padding-top:4px}.audit-change-label{color:var(--text-muted);display:block;font-size:10px;margin-bottom:2px}.audit-new-fields{background:#10b9810d;border:1px solid #10b98133;border-radius:6px;padding:12px 16px}.audit-new-fields-header{align-items:center;color:#10b981;display:flex;font-size:11px;font-weight:600;gap:8px;margin-bottom:8px;text-transform:uppercase}.audit-deleted-fields{background:#ef44440d;border:1px solid #ef444433;border-radius:6px;padding:12px 16px}.audit-deleted-fields-header{align-items:center;color:#ef4444;display:flex;font-size:11px;font-weight:600;gap:8px;margin-bottom:8px;text-transform:uppercase}.audit-fields-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr 1fr}.audit-field-item{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;display:flex;font-size:12px;gap:8px;justify-content:space-between;padding:4px 10px}.audit-field-label{color:var(--text-muted);flex-shrink:0}.audit-field-value{font-weight:500;text-align:right;word-break:break-word}.audit-permissions-container{display:flex;flex-direction:column;gap:6px}.audit-permission-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;padding:8px 12px}.audit-permission-module{align-items:center;color:#3b82f6;display:flex;font-size:13px;font-weight:600;gap:6px}.audit-permission-features{display:flex;flex-wrap:wrap;gap:4px;margin-left:8px;margin-top:4px}.audit-permission-feature{background:#3b82f61a;border-radius:12px;color:#3b82f6;font-size:11px;padding:2px 8px}.audit-deleted-banner{align-items:center;background:#ef444414;border:1px solid #ef4444;border-radius:6px;color:#ef4444;display:flex;font-weight:600;gap:8px;padding:12px 16px}.audit-deleted-data{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:12px 16px}.audit-deleted-data-header{color:var(--text-muted);font-size:11px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.audit-details-all{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:12px 16px}.audit-details-all-summary{align-items:center;color:var(--text-muted);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:8px;text-transform:uppercase}.audit-details-all-summary::-webkit-details-marker{display:none}.audit-details-all[open] .audit-details-all-summary{margin-bottom:8px}.audit-data-section{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:12px 16px}.audit-data-section-header{color:var(--text-muted);font-size:11px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.audit-modal-scroll{max-height:70vh;overflow-y:auto;padding-right:4px}.audit-modal-scroll::-webkit-scrollbar{width:6px}.audit-modal-scroll::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.audit-modal-scroll::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.audit-modal-scroll::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media (max-width:1024px){.audit-change-item{gap:6px;grid-template-columns:100px 1fr 30px 1fr;padding:8px 10px}.audit-change-field{font-size:12px}.audit-change-new,.audit-change-old{font-size:12px;max-height:150px;padding:3px 8px}}@media (max-width:768px){.audit-toolbar{align-items:stretch;flex-direction:column;gap:10px}.audit-filter{min-width:0;min-width:auto;width:100%}.audit-info-grid{grid-template-columns:1fr 1fr}.audit-change-item,.audit-detail-grid,.audit-fields-grid{grid-template-columns:1fr}.audit-change-item{gap:4px}.audit-change-arrow{padding:4px 0;transform:rotate(90deg)}.audit-change-new,.audit-change-old{font-size:12px;max-height:120px;padding:3px 8px}.audit-description-text{font-size:13px;max-width:100%}.audit-modal-body{max-height:60vh}.audit-field-item{flex-wrap:wrap;font-size:11px;padding:3px 8px}}@media (max-width:480px){.audit-info-grid{grid-template-columns:1fr}.audit-modal-badge{font-size:10px;padding:2px 8px}.audit-change-field{font-size:11px}.audit-change-new,.audit-change-old{font-size:11px;max-height:100px;padding:2px 6px}.audit-detail-label{font-size:10px}.audit-detail-value{font-size:12px}.audit-field-item{align-items:flex-start;flex-direction:column;font-size:10px;gap:2px;padding:2px 6px}.audit-field-value{text-align:left;width:100%}.audit-description-text{font-size:12px}.audit-action,.audit-actor,.audit-date{font-size:11px}.audit-permission-module{font-size:12px}.audit-permission-feature{font-size:10px;padding:1px 6px}.audit-permissions-container{gap:4px}.audit-permission-item{padding:6px 10px}.audit-summary{padding:8px 12px}.audit-summary-label{font-size:10px}.audit-summary-count{font-size:12px}.audit-summary-tag{font-size:9px;padding:1px 8px}.audit-access-denied-banner{flex-direction:column;text-align:center}}@media (max-height:700px){.audit-modal-body{max-height:50vh}.audit-info-grid{padding:8px 12px}.audit-info-value{font-size:12px}.audit-description{padding:8px 12px}.audit-description-text{font-size:13px}.audit-changes{padding:8px 12px}.audit-change-item{padding:6px 10px}.audit-change-new,.audit-change-old{font-size:12px;max-height:80px}.audit-field-item{font-size:11px;padding:2px 8px}}.cierre-header{background:#ffffff08;border:1px solid #ffffff0f;border-radius:var(--radius-sm);margin-bottom:10px;padding:0 16px}.cierre-header-info{display:flex;flex-direction:column;gap:4px}.cierre-header-row{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:6px}.cierre-header-icon{color:var(--text-primary);flex-shrink:0}.cierre-header-label{color:var(--text-muted);font-weight:600}.cierre-header-value{color:var(--text-primary);font-weight:500}.cierre-loading,.cierre-resultado{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:15px;justify-content:center;padding:50px;text-align:center}.cierre-loading p,.cierre-resultado p{color:var(--text-muted);font-size:.85rem}.cierre-resultado h3{color:var(--text-primary);font-size:1.2rem;margin:10px 0}.cards-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:5px}.card-info{background:var(--bg-secondary);border:1px solid #f973161a;border-radius:var(--radius);margin:10px;overflow:hidden;transition:all .2s}.card-info:hover{background:var(--bg-primary);border-color:var(--border)}.card-header{align-items:center;background:#0003;border-bottom:1px solid #f973161a;display:flex;gap:8px;padding:6px 12px}.card-header .card-icon{color:var(--primary);font-size:16px}.card-header h4{color:var(--text-primary);font-size:.8rem;font-weight:600;margin:0}.card-body{padding:2px 10px}.input-denom-xs{flex:0 0 55px!important;max-width:60px!important;min-width:40px!important;width:55px!important}.input-denom-xs_1{flex:0 0 80px!important;max-width:90px!important;min-width:70px!important;width:90px!important}.card-row{align-items:center;border-bottom:1px solid #ffffff08;display:flex;font-size:.8rem;justify-content:space-between;padding:1px 0}.card-row:last-child{border-bottom:none}.card-row .label{color:var(--text-muted);font-size:.75rem}.card-row .value{color:var(--text-primary);font-size:.8rem;font-weight:500}.card-row .value.total{color:var(--primary);font-size:.85rem;font-weight:700}.card-row .value.expected{color:var(--success);font-size:.9rem;font-weight:700}.card-row .value.negative{color:var(--danger)}.card-divider{background:#ffffff0d;height:1px;margin:2px 0}.cierre-section{background:#12121c80;border:1px solid #f9731614;border-radius:var(--radius);margin-bottom:20px;padding:16px 20px}.section-header{align-items:center;border-bottom:1px solid #f973161f;display:flex;gap:10px;margin-bottom:16px;padding-bottom:10px}.section-header .section-icon{color:var(--primary);font-size:18px}.section-header h3{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0}.total-efectivo{align-items:center;border-top:1px solid #f9731626;display:flex;font-size:.85rem;font-weight:600;justify-content:space-between;margin-top:12px;padding-top:10px}.total-efectivo strong{color:var(--primary);font-size:.95rem}.two-columns-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.left-column{display:flex;flex-direction:column;gap:16px}.comparativa-card,.ingreso-card,.metodos-card,.observaciones-card{background:#12121c80;border:1px solid #f9731614;border-radius:var(--radius);padding:16px 20px}.comparativa-card .card-header,.ingreso-card .card-header,.metodos-card .card-header,.observaciones-card .card-header{align-items:center;background:#0000;border-bottom:1px solid #f973161f;display:flex;gap:10px;margin-bottom:16px;padding:0 0 10px}.comparativa-card .card-header .card-icon,.ingreso-card .card-header .card-icon,.metodos-card .card-header .card-icon,.observaciones-card .card-header .card-icon{color:var(--primary);font-size:18px}.comparativa-card .card-header h3,.ingreso-card .card-header h3,.metodos-card .card-header h3,.observaciones-card .card-header h3{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0}.metodos-grid{display:flex;flex-direction:column;gap:12px}.metodo-input{align-items:center;display:flex;gap:15px;justify-content:space-between}.metodo-input label{align-items:center;color:var(--text-muted);display:flex;font-size:.8rem;gap:6px;min-width:110px}.ingreso-input .ingreso-input-field,.metodo-input .metodo-input-field{background:#ffffff0d!important;border-color:#f9731633!important;text-align:right!important;width:130px!important}.ingreso-input .ingreso-input-field:focus,.metodo-input .metodo-input-field:focus{border-color:var(--primary)!important}.extras-list{display:flex;flex-direction:column;gap:4px;padding:0 12px;width:100%}.extras-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;font-size:13px;justify-content:space-between;padding:4px 0}.extras-item:last-child{border-bottom:none}.extras-item-text{align-items:center;color:var(--text-primary);display:flex;gap:4px}.extras-item-amount{color:var(--text-primary);font-weight:500}.extras-total{align-items:center;border-top:1px solid #ffffff1a;display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-top:8px;padding-top:8px}.extras-total-label{color:var(--text-muted)}.extras-total-amount{color:var(--success)}.payment-method-badge{background:#ffffff0d;border-radius:10px;color:var(--text-dim);display:inline-block;font-size:11px;margin-left:4px;padding:1px 8px}.extras-item-compact{align-items:center;display:flex;font-size:13px;justify-content:space-between;padding:3px 0}.extras-item-compact .extra-description{align-items:center;display:flex;gap:6px;padding-left:8px}.extras-item-compact .extra-description .extra-label{color:var(--text-primary)}.extras-item-compact .extra-description .extra-method{background:#ffffff0f;border-radius:10px;color:var(--text-dim);font-size:11px;line-height:18px;padding:0 8px}.extras-item-compact .extra-amount{color:var(--text-primary);font-weight:500}.extras-list-container{width:100%}.extras-list-container .empty-extras{color:var(--text-dim);font-size:12px;padding:4px 0 8px}.propina-section .metodo-input{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:6px 0 6px 12px}.propina-section .metodo-input:last-child{border-bottom:none}.propina-section .metodo-input label{align-items:center;color:var(--text-primary);display:flex;flex:1 1;font-size:13px;gap:6px}.propina-section .metodo-input .propina-label{color:var(--text-muted);font-size:11px;font-weight:400}.propina-section .metodo-input .metodo-input-field{margin-right:12px;text-align:right;width:130px}.comparativa-row{align-items:center;border-bottom:1px solid #ffffff08;display:flex;font-size:.8rem;justify-content:space-between;padding:6px 0}.comparativa-row:last-child{border-bottom:none}.comparativa-row .label{color:var(--text-muted)}.comparativa-row .value{color:var(--text-primary);font-weight:500}.comparativa-row.highlight{background:#f9731614;border-radius:var(--radius-sm);margin:4px -8px;padding:6px 8px}.comparativa-row .total-value{color:var(--primary);font-size:.9rem;font-weight:700}.diferencia-row{border-top:1px solid #ffffff0d;font-weight:700;margin-top:4px;padding-top:6px}.diferencia-row.positive{color:var(--success)}.diferencia-row.negative{color:var(--danger)}.alerta-descuadre{background:var(--bg-secondary);border-left:3px solid var(--danger);border-radius:var(--radius-sm);color:var(--danger);font-size:.7rem;gap:8px;padding:6px 10px}.alerta-descuadre,.propina-extra-row{align-items:center;display:flex;margin-top:10px}.propina-extra-row{border-top:1px solid #10b98133;color:var(--success);font-size:.8rem;font-weight:500;justify-content:space-between;padding-top:8px}.observaciones-input{background:#ffffff0d;border:1px solid #f9731633;border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family);font-size:.85rem;min-height:80px;padding:12px 16px;resize:vertical;transition:all .2s;width:100%}.observaciones-input:focus{background:#ffffff14;border-color:var(--primary);outline:none}.alert-error{background:#ef44441a;border-left:3px solid var(--danger);color:#fca5a5;gap:8px}.alert-error,.alert-info{align-items:center;border-radius:var(--radius-sm);display:flex;font-size:.8rem;margin-bottom:14px;padding:10px 14px}.alert-info{background:#10b98114;border-left:3px solid var(--success);color:#86efac;flex-wrap:wrap;gap:10px;justify-content:space-between}.print-buttons-group{align-items:center;display:flex;flex-wrap:wrap;gap:10px}@media (max-width:1000px){.cards-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.two-columns-layout{gap:16px;grid-template-columns:1fr}}@media (max-width:650px){.cards-row{grid-template-columns:1fr}.cierre-modal-content{padding:16px!important}.metodo-input{align-items:flex-start;flex-direction:column;gap:5px}.ingreso-input .ingreso-input-field,.metodo-input .metodo-input-field{width:100%!important}.alert-info{align-items:flex-start;flex-direction:column}.print-buttons-group{flex-direction:column;width:100%}.print-buttons-group .btn{justify-content:center;width:100%}}@media (max-width:480px){.card-header h4{font-size:.75rem}.card-body{padding:2px 8px}.card-row{font-size:.7rem;padding:0}.card-row .label{font-size:.65rem}.card-row .value{font-size:.7rem}.card-row .value.total{font-size:.75rem}.card-row .value.expected{font-size:.8rem}}.public-order-page{background:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh;padding:20px}.public-order-shell{background:#fff;border-radius:20px;box-shadow:0 8px 40px #00000014;margin:0 auto;max-width:1200px;padding:30px}.public-business-header{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border-radius:16px;color:#fff;margin-bottom:28px;overflow:hidden;padding:32px 28px 28px;position:relative;text-align:center}.public-business-header:before{background:radial-gradient(circle,#ffd70014 0,#0000 70%);border-radius:50%;content:"";height:400px;position:absolute;right:-20%;top:-50%;width:400px}.public-business-header:after{background:radial-gradient(circle,#ffd7000d 0,#0000 70%);border-radius:50%;bottom:-30%;content:"";height:300px;left:-10%;position:absolute;width:300px}.public-business-header-content{align-items:center;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.public-business-logo-container{flex-shrink:0}.public-business-logo{background:#ffffff1a;border:3px solid #ffd70066;border-radius:50%;box-shadow:0 8px 32px #0003;height:100px;object-fit:cover;transition:transform .3s ease;width:100px}.public-business-logo:hover{transform:scale(1.05)}.public-business-logo-placeholder{align-items:center;background:#ffffff1a;border:3px solid #ffd70066;border-radius:50%;display:flex;font-size:48px;height:100px;justify-content:center;width:100px}.public-business-name{font-size:30px;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 2px 12px #0003}.public-business-subtitle{font-size:15px;font-weight:300;margin:0;opacity:.85}.public-business-contact{display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:center;margin-top:4px}.public-business-contact-item{align-items:center;backdrop-filter:blur(4px);background:#ffffff14;border-radius:20px;display:flex;font-size:13px;gap:6px;opacity:.85;padding:4px 14px;transition:background .2s}.public-business-contact-item:hover{background:#ffffff26}.public-business-contact-item svg{flex-shrink:0}.public-business-ruc{background:#ffd70026;border:1px solid #ffd70033;font-weight:500}.public-alert{align-items:center;border-radius:10px;display:flex;font-size:14px;gap:10px;margin-bottom:16px;padding:12px 18px}.public-alert-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.public-alert-success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.public-order-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1fr 380px;margin-top:10px}@media (max-width:1024px){.public-order-grid{grid-template-columns:1fr}}.public-cliente-compact{grid-gap:10px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:10px;padding:16px}.public-cliente-compact .public-cliente-input{background:#fff;border:1.5px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 14px;transition:all .2s;width:100%}.public-cliente-compact .public-cliente-input:focus{border-color:#ffc107;box-shadow:0 0 0 3px #ffc10726;outline:none}.public-cliente-compact .public-cliente-input::placeholder{color:#adb5bd}.public-cliente-compact .public-notas-input{background:#fff;border:1.5px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;grid-column:1/-1;padding:10px 14px;resize:vertical;transition:all .2s;width:100%}.public-cliente-compact .public-notas-input:focus{border-color:#ffc107;box-shadow:0 0 0 3px #ffc10726;outline:none}.public-cliente-compact .public-notas-input::placeholder{color:#adb5bd}@media (max-width:640px){.public-cliente-compact{grid-template-columns:1fr}.public-cliente-compact .public-notas-input{grid-column:1}}.public-menu-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;overflow:hidden}.public-menu-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:16px 20px}.public-menu-title{color:#1a1a2e;font-size:17px;font-weight:600;margin:0}.public-menu-count{background:#e9ecef;border-radius:12px;color:#6c757d;font-size:13px;padding:2px 12px}.public-menu-categoria{border-bottom:1px solid #f1f3f5}.public-menu-categoria:last-child{border-bottom:none}.public-categoria-header{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;gap:12px;justify-content:space-between;padding:14px 20px;transition:background .15s;width:100%}.public-categoria-header:hover{background:#f8f9fa}.public-categoria-header-left{align-items:center;display:flex;gap:10px}.public-categoria-icon{color:#ffc107;transition:transform .25s}.public-categoria-title{color:#1a1a2e;font-size:15px;font-weight:600}.public-categoria-count{background:#e9ecef;border-radius:12px;color:#6c757d;font-size:12px;font-weight:500;padding:1px 10px}.public-categoria-body{animation:slideDown .2s ease-out;background:#fafbfc;padding:4px 4px 8px}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.public-producto-card{align-items:center;background:#fff;border:1px solid #0000;border-radius:8px;display:flex;justify-content:space-between;margin:2px 0;padding:10px 16px;transition:all .15s}.public-producto-card:hover{background:#fff8e1;border-color:#ffc107;transform:translateX(4px)}.public-producto-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.public-producto-nombre{color:#1a1a2e;font-size:14px;font-weight:500;line-height:1.3}.public-producto-precio{color:#ff6b00;font-size:13px;font-weight:700}.public-producto-add-btn{align-items:center;background:#ffc107;border:none;border-radius:50%;box-shadow:0 2px 8px #ffc1074d;color:#1a1a2e;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;margin-left:8px;transition:all .2s;width:34px}.public-producto-add-btn:hover{background:#ffb300;box-shadow:0 4px 12px #ffc10766;transform:scale(1.08)}.public-producto-add-btn:active{transform:scale(.92)}.public-no-products{color:#6c757d;font-size:14px;padding:40px 0;text-align:center}.public-cart-container{background:#fff;border:1px solid #e9ecef;border-radius:12px;display:flex;flex-direction:column;max-height:calc(100vh - 100px);overflow:hidden;position:sticky;top:20px}.public-cart-header{align-items:center;background:#1a1a2e;border-bottom:3px solid #ffc107;color:#fff;display:flex;gap:10px;padding:16px 20px}.public-cart-title{flex:1 1;font-size:17px;font-weight:600}.public-cart-badge{background:#ffc107;border-radius:12px;color:#1a1a2e;font-size:12px;font-weight:700;min-width:24px;padding:2px 10px;text-align:center}.public-cart-empty{align-items:center;color:#6c757d;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:50px 20px;text-align:center}.public-cart-empty svg{color:#dee2e6;margin-bottom:12px}.public-cart-empty p{color:#495057;font-weight:500;margin:0}.public-cart-empty span{color:#adb5bd;font-size:13px}.public-cart-items{flex:1 1;max-height:320px;overflow-y:auto;padding:8px 0}.public-cart-items::-webkit-scrollbar{width:4px}.public-cart-items::-webkit-scrollbar-track{background:#f1f1f1}.public-cart-items::-webkit-scrollbar-thumb{background:#ced4da;border-radius:4px}.public-cart-item{align-items:center;border-bottom:1px solid #f1f3f5;display:flex;justify-content:space-between;padding:10px 16px;transition:background .15s}.public-cart-item:hover{background:#f8f9fa}.public-cart-item-info{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.public-cart-item-qty{color:#ff6b00;font-size:14px;font-weight:600;min-width:28px}.public-cart-item-name{color:#1a1a2e;font-size:14px;word-break:break-word}.public-cart-item-actions{align-items:center;display:flex;flex-shrink:0;gap:10px;margin-left:10px}.public-cart-item-price{color:#1a1a2e;font-size:14px;font-weight:600;white-space:nowrap}.public-cart-item-remove{align-items:center;background:#fee2e2;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;height:26px;justify-content:center;transition:all .2s;width:26px}.public-cart-item-remove:hover{background:#fecaca;transform:scale(1.05)}.public-cart-totales{background:#fafbfc;border-top:2px solid #f1f3f5;padding:16px 20px 20px}.public-cart-total-line{color:#495057;display:flex;font-size:14px;justify-content:space-between;padding:4px 0}.public-cart-total-line span:first-child{color:#6c757d}.public-cart-total-line span:last-child{font-weight:500}.public-cart-grand-total{border-top:2px solid #e9ecef;color:#1a1a2e;font-size:17px;font-weight:700;margin-top:4px;padding-top:10px}.public-cart-grand-total span:first-child{color:#1a1a2e}.public-cart-grand-total span:last-child{color:#ff6b00;font-size:18px}.public-cart-checkout-btn{background:#ffc107;border:none;border-radius:10px;box-shadow:0 4px 16px #ffc1074d;color:#1a1a2e;cursor:pointer;font-size:16px;font-weight:700;margin-top:14px;padding:14px;transition:all .2s;width:100%}.public-cart-checkout-btn:hover:not(:disabled){background:#ffb300;box-shadow:0 6px 24px #ffc10766;transform:translateY(-2px)}.public-cart-checkout-btn:active:not(:disabled){transform:translateY(0)}.public-cart-checkout-btn:disabled{background:#e9ecef;box-shadow:none;color:#adb5bd;cursor:not-allowed}.public-loading-spinner{align-items:center;color:#6c757d;display:flex;font-size:16px;justify-content:center;min-height:400px}.public-loading-spinner:before{animation:public-spinner .8s linear infinite;border:3px solid #e9ecef;border-radius:50%;border-top-color:#ffc107;content:"";height:30px;margin-right:12px;width:30px}@keyframes public-spinner{to{transform:rotate(1turn)}}.public-error-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px;text-align:center}.public-error-icon{color:#dc2626;margin-bottom:16px}.public-error-state h2{color:#1a1a2e;font-size:22px;margin-bottom:12px}.public-error-state p{color:#6c757d;font-size:15px;max-width:500px}.public-error-sub{color:#adb5bd!important;font-size:14px!important;margin-top:8px}@media (max-width:1024px){.public-order-shell{padding:20px}.public-order-grid{grid-template-columns:1fr}.public-cart-container{max-height:none;position:static}.public-cart-items{max-height:240px}}@media (max-width:768px){.public-order-shell{border-radius:16px;padding:16px}.public-business-header{border-radius:12px;padding:24px 16px 20px}.public-business-logo,.public-business-logo-placeholder{font-size:36px;height:80px;width:80px}.public-business-name{font-size:24px}.public-business-subtitle{font-size:14px}.public-business-contact-item{font-size:12px;padding:3px 10px}.public-cliente-compact{grid-template-columns:1fr;padding:12px}.public-cart-header{padding:14px 16px}.public-cart-items{max-height:200px}.public-cart-item{padding:8px 12px}.public-cart-totales{padding:12px 16px 16px}}@media (max-width:480px){.public-order-shell{border-radius:12px;padding:12px}.public-business-header{border-radius:10px;padding:16px 12px}.public-business-logo,.public-business-logo-placeholder{font-size:28px;height:64px;width:64px}.public-business-name{font-size:20px}.public-business-subtitle{font-size:13px}.public-business-contact{gap:4px 8px}.public-business-contact-item{font-size:11px;gap:4px;padding:2px 8px}.public-business-contact-item svg{height:12px;width:12px}.public-menu-header{padding:12px 14px}.public-menu-title{font-size:15px}.public-categoria-header{padding:10px 14px}.public-categoria-title{font-size:14px}.public-producto-card{padding:8px 10px}.public-producto-nombre{font-size:13px}.public-producto-precio{font-size:12px}.public-producto-add-btn{height:30px;width:30px}.public-producto-add-btn svg{height:16px;width:16px}.public-cart-header{padding:12px 14px}.public-cart-title{font-size:15px}.public-cart-item{padding:6px 10px}.public-cart-item-qty{font-size:13px;min-width:24px}.public-cart-item-name,.public-cart-item-price{font-size:13px}.public-cart-grand-total{font-size:15px}.public-cart-checkout-btn{font-size:15px;padding:12px}}
/*# sourceMappingURL=main.ec92d95d.css.map*/