@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary:#0d0d0d;--bg-secondary:#111;--bg-surface:#1a1a1a;--bg-surface-2:#1e1e1e;--bg-surface-3:#242424;--bg-hover:#2a2a2a;--accent-primary:#f59e0b;--accent-primary-hover:#d97706;--accent-primary-light:#f59e0b26;--accent-primary-glow:#f59e0b4d;--accent-secondary:#fb923c;--accent-secondary-light:#fb923c26;--text-primary:#f5f5f5;--text-secondary:#a3a3a3;--text-muted:#6b7280;--text-disabled:#4b5563;--border-primary:#2a2a2a;--border-secondary:#1f1f1f;--border-accent:#f59e0b4d;--success:#22c55e;--success-light:#22c55e26;--warning:#eab308;--warning-light:#eab30826;--error:#ef4444;--error-light:#ef444426;--info:#3b82f6;--info-light:#3b82f626;--header-height:60px;--sidebar-width:240px;--sidebar-collapsed:64px;--shadow-sm:0 1px 8px #0006;--shadow-md:0 4px 24px #00000080;--shadow-lg:0 8px 48px #0009;--shadow-accent:0 4px 20px #f59e0b33;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--z-sidebar:100;--z-header:200;--z-modal:300;--z-toast:400;--z-tooltip:500}html.light-mode{--bg-primary:#f4f4f5;--bg-secondary:#e4e4e7;--bg-surface:#fff;--bg-surface-2:#f9f9f9;--bg-surface-3:#f0f0f0;--bg-hover:#e8e8ea;--text-primary:#111;--text-secondary:#4b5563;--text-muted:#9ca3af;--text-disabled:#c4c4c4;--border-primary:#d1d5db;--border-secondary:#e5e7eb;--border-accent:#f59e0b66;--shadow-sm:0 1px 8px #00000014;--shadow-md:0 4px 24px #0000001a;--shadow-lg:0 8px 48px #00000024}html.light-mode .app-header{background-color:#fff;background-image:none;border-bottom:1px solid #e2e8f0}html.light-mode .sidebar{background:#fff;border-right:1px solid #e2e8f0}html.light-mode .sidebar-nav-link{color:#374151}html.light-mode .sidebar-nav-link:hover,html.light-mode .sidebar-nav-link.active{color:#b45309;background:#f59e0b1f}html.light-mode .sidebar-section-title{color:#9ca3af}html.light-mode ::-webkit-scrollbar-track{background:#f0f0f0}html.light-mode ::-webkit-scrollbar-thumb{background:#d1d5db}html.light-mode input,html.light-mode select,html.light-mode textarea{color:#111;background:#fff;border-color:#d1d5db}html.light-mode .modal-overlay{background:#00000059}html.light-mode .modal-content{background:#fff;border-color:#e2e8f0}.mobile-shell{background:var(--bg-primary);flex-direction:column;align-items:center;min-height:100vh;display:flex;position:relative}.mobile-exit-btn{z-index:9999;background:var(--accent-primary);color:#000;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-size:.85rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0006}.mobile-exit-btn:hover{transform:translate(-50%)scale(1.05);box-shadow:0 6px 20px #00000080}.mobile-frame{background:var(--bg-primary);flex-direction:column;width:100%;max-width:430px;min-height:100vh;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #00000080}.mobile-header{border-bottom:1px solid var(--border-primary);z-index:100;background-color:#1a1a1a;background-image:repeating-linear-gradient(45deg,#0000,#0000 2px,#ffffff04 2px 4px),repeating-linear-gradient(-45deg,#0000,#0000 2px,#ffffff04 2px 4px);flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:56px;padding:0 12px;display:flex;position:sticky;top:0}.mobile-menu-btn{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;transition:background .2s;display:flex}.mobile-menu-btn:hover{background:var(--bg-hover)}.mobile-hamburger{background:var(--text-primary);border-radius:2px;width:20px;height:2px;transition:all .2s;display:block}.mobile-header-logo{align-items:center;gap:8px;display:flex}.mobile-logo-icon{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border-radius:var(--radius-sm);justify-content:center;align-items:center;width:28px;height:28px;display:flex}.mobile-logo-text{color:var(--text-primary);letter-spacing:.02em;font-size:.9rem;font-weight:600}.mobile-drawer-overlay{z-index:200;background:#0009;animation:.2s fadeIn;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer{background:var(--bg-surface);border-right:1px solid var(--border-primary);z-index:300;flex-direction:column;width:280px;height:100%;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 20px #0006}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-header{border-bottom:1px solid var(--border-primary);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:16px;display:flex}.mobile-drawer-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.08em;font-size:.9rem;font-weight:700}.mobile-drawer-close{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:4px;transition:color .2s,background .2s;display:flex}.mobile-drawer-close:hover{color:var(--text-primary);background:var(--bg-hover)}.mobile-drawer-nav{flex:1;padding:8px;overflow-y:auto}.mobile-drawer-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;margin-bottom:2px;padding:12px 14px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.mobile-drawer-item:hover{background:var(--bg-hover);color:var(--text-primary)}.mobile-drawer-item.active{background:var(--accent-primary-light);color:var(--accent-primary);font-weight:600}.mobile-drawer-item.danger{color:var(--error)}.mobile-drawer-item.danger:hover{background:#ef44441a}.mobile-drawer-footer{border-top:1px solid var(--border-primary);flex-shrink:0;padding:8px}.mobile-main{flex:1;padding:16px 12px;overflow:hidden auto}.mobile-main .card{padding:14px}.mobile-main .form-grid,.mobile-main .form-row{flex-direction:column;grid-template-columns:1fr!important}.mobile-main .stats-grid,.mobile-main .dashboard-stats{gap:10px;grid-template-columns:1fr 1fr!important}.mobile-main .page-title{font-size:1.2rem}.mobile-main .page-subtitle{font-size:.8rem}.mobile-main .page-header{flex-direction:column;align-items:flex-start;gap:12px}.mobile-main .header-actions-bar{flex-wrap:wrap;gap:8px}.mobile-main .table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.mobile-main table{font-size:.8rem}.mobile-main th,.mobile-main td{white-space:nowrap;padding:8px 10px}.mobile-main .recharts-wrapper,.mobile-main .chart-container{width:100%!important}html.mobile-mode .modal-content{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:90vh;margin:0;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;width:100%!important;max-width:100%!important}html.mobile-mode .modal-overlay{align-items:flex-end}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.3}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{color:var(--text-secondary)}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-primary-hover)}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-content{padding-top:var(--header-height);flex:1;display:flex}.main-content{margin-left:var(--sidebar-width);min-height:calc(100vh - var(--header-height));transition:margin-left var(--transition-normal);flex:1;padding:24px;overflow-x:hidden}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}.app-header{height:var(--header-height);z-index:var(--z-header);border-bottom:1px solid var(--border-primary);box-shadow:var(--shadow-md);background-color:#1a1a1a;background-image:repeating-linear-gradient(45deg,#0000,#0000 2px,#ffffff04 2px 4px),repeating-linear-gradient(-45deg,#0000,#0000 2px,#ffffff04 2px 4px);justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.header-logo{align-items:center;gap:10px;display:flex}.header-logo-icon{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:18px;display:flex}.header-logo-text{color:var(--text-primary);letter-spacing:.02em;font-size:1rem;font-weight:700}.header-logo-text span{color:var(--accent-primary)}.header-actions{align-items:center;gap:8px;display:flex}.app-sidebar{top:var(--header-height);width:var(--sidebar-width);height:calc(100dvh - var(--header-height));background-color:var(--bg-surface);border-right:1px solid var(--border-primary);z-index:var(--z-sidebar);transition:width var(--transition-normal);flex-direction:column;display:flex;position:fixed;left:0;overflow:hidden}.app-sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-nav{flex:1;padding:12px 8px;overflow:hidden auto}.sidebar-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;padding:16px 12px 6px;font-size:.65rem;font-weight:600}.sidebar-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:10px;margin-bottom:2px;padding:10px 12px;text-decoration:none;display:flex;position:relative}.sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-item.active{background:var(--accent-primary-light);color:var(--accent-primary);font-weight:600}.sidebar-item.active:before{content:"";background:var(--accent-primary);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-label{opacity:1;transition:opacity var(--transition-normal);font-size:.875rem}.collapsed .sidebar-label,.collapsed .sidebar-section-title{opacity:0;pointer-events:none}.sidebar-footer{border-top:1px solid var(--border-primary);flex-shrink:0;padding:12px 8px}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#000;box-shadow:var(--shadow-accent);font-weight:600}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 25px #f59e0b66}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-surface-3);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--error-light);color:var(--error);border:1px solid var(--error)}.btn-danger:hover:not(:disabled){background:var(--error);color:#fff}.btn-success{background:var(--success-light);color:var(--success);border:1px solid var(--success)}.btn-success:hover:not(:disabled){background:var(--success);color:#fff}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:0}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-lg{padding:12px 24px;font-size:1rem}.card{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:border-color var(--transition-fast);padding:20px}.card:hover{border-color:var(--border-accent)}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{color:var(--text-primary);font-size:1rem;font-weight:600}.stat-card{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-fast);flex-direction:column;gap:8px;padding:20px;display:flex}.stat-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-accent);transform:translateY(-2px)}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:500}.stat-value{color:var(--text-primary);font-size:1.8rem;font-weight:800;line-height:1.1}.stat-value.accent{color:var(--accent-primary)}.stat-value.success{color:var(--success)}.stat-value.error{color:var(--error)}.stat-icon{border-radius:var(--radius-md);background:var(--accent-primary-light);width:40px;height:40px;color:var(--accent-primary);justify-content:center;align-items:center;margin-bottom:4px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);font-size:.825rem;font-weight:500}.form-label.required:after{content:" *";color:var(--error)}.form-input,.form-select,.form-textarea{background:var(--bg-surface-2);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);width:100%;transition:all var(--transition-fast);outline:none;padding:10px 14px;font-family:Inter,sans-serif;font-size:.9rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-light);background:var(--bg-surface-3)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input.error,.form-select.error{border-color:var(--error)}.form-error{color:var(--error);font-size:.8rem}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.form-textarea{resize:vertical;min-height:80px}.input-wrapper{position:relative}.input-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-icon-right{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.input-icon-right:hover{color:var(--accent-primary)}.input-wrapper .form-input{padding-left:40px}.input-wrapper.icon-right .form-input{padding-right:40px}.badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--success-light);color:var(--success)}.badge-error{background:var(--error-light);color:var(--error)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-info{background:var(--info-light);color:var(--info)}.badge-neutral{background:var(--bg-hover);color:var(--text-secondary)}.badge-accent{background:var(--accent-primary-light);color:var(--accent-primary)}.table-container{border-radius:var(--radius-lg);border:1px solid var(--border-primary);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table th{background:var(--bg-surface-2);text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-primary);white-space:nowrap;padding:12px 16px;font-size:.75rem;font-weight:600}.table td{border-bottom:1px solid var(--border-secondary);color:var(--text-primary);vertical-align:middle;padding:14px 16px}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--bg-hover)}.table tbody tr:last-child td{border-bottom:none}@media (width<=768px){.table-container{background:0 0;border:none;overflow-x:visible}.table{display:block}.table thead{display:none}.table tbody{flex-direction:column;gap:16px;display:flex}.table tr{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);padding:16px;display:block}.table tr:hover{box-shadow:var(--shadow-md);border-color:var(--border-accent);transform:translateY(-2px)}.table td{border-bottom:1px solid var(--border-secondary);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:4px;padding:10px 0;display:flex;text-align:left!important}.table td:last-child{border-bottom:none;border-top:1px dashed var(--border-primary);margin-top:4px;padding-top:12px}.table td:before{content:attr(data-label);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.table td>div{text-align:left;justify-content:flex-start}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-xl);width:100%;max-width:580px;max-height:90vh;box-shadow:var(--shadow-lg);animation:.25s slideUp;overflow-y:auto}.modal-lg{max-width:860px}.modal-xl{max-width:1100px}.modal-sm{max-width:420px}.modal-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{font-size:1.1rem;font-weight:700}.modal-footer{border-top:1px solid var(--border-primary);justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-surface-2) 25%, var(--bg-surface-3) 50%, var(--bg-surface-2) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.spinner{border:2px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.tabs{background:var(--bg-surface-2);border-radius:var(--radius-md);gap:2px;width:fit-content;padding:4px;display:flex}.tab{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:8px 18px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500}.tab:hover{color:var(--text-primary);background:var(--bg-hover)}.tab.active{background:var(--bg-surface-3);color:var(--accent-primary);font-weight:600}.toast-container{z-index:var(--z-toast);flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);min-width:280px;max-width:380px;color:var(--text-primary);align-items:center;gap:12px;padding:12px 16px;font-size:.875rem;animation:.3s slideUp;display:flex}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--error)}.toast-warning{border-left:3px solid var(--warning)}.toast-info{border-left:3px solid var(--info)}.dropdown{display:inline-block;position:relative}.dropdown-menu{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:180px;z-index:var(--z-modal);animation:.2s slideDown;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.dropdown-item{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;font-family:Inter,sans-serif;font-size:.875rem;display:flex}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-item.danger{color:var(--error)}.dropdown-divider{background:var(--border-primary);height:1px;margin:4px 0}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.page-title{color:var(--text-primary);font-size:1.5rem;font-weight:800}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:.875rem}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.empty-icon{opacity:.3;font-size:3rem}.empty-title{color:var(--text-secondary);font-size:1.1rem;font-weight:600}.empty-description{color:var(--text-muted);max-width:300px;font-size:.875rem}.scroll-top-btn{background:var(--accent-primary);color:#000;border-radius:var(--radius-full);cursor:pointer;width:42px;height:42px;box-shadow:var(--shadow-accent);transition:all var(--transition-fast);z-index:50;opacity:0;pointer-events:none;border:none;justify-content:center;align-items:center;display:flex;position:fixed;bottom:24px;right:70px}.scroll-top-btn.visible{opacity:1;pointer-events:all}.scroll-top-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #f59e0b80}.refresh-btn{background:var(--bg-surface-3);border:1px solid var(--border-primary);width:36px;height:36px;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.refresh-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.refresh-btn.spinning svg{animation:.7s linear infinite spin}.divider{background:var(--border-primary);height:1px;margin:20px 0}.divider-vertical{background:var(--border-primary);align-self:stretch;width:1px}.checkbox-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.checkbox-wrapper input[type=checkbox]{appearance:none;border:2px solid var(--border-primary);background:var(--bg-surface-2);cursor:pointer;width:18px;height:18px;transition:all var(--transition-fast);border-radius:4px;flex-shrink:0}.checkbox-wrapper input[type=checkbox]:checked{background:var(--accent-primary);border-color:var(--accent-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat}.toggle{width:44px;height:24px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:var(--bg-surface-3);border:1px solid var(--border-primary);border-radius:var(--radius-full);transition:all var(--transition-normal);position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--text-muted);width:18px;height:18px;transition:all var(--transition-normal);border-radius:50%;position:absolute;bottom:2px;left:2px}.toggle input:checked+.toggle-slider{background:var(--accent-primary-light);border-color:var(--accent-primary)}.toggle input:checked+.toggle-slider:before{background:var(--accent-primary);transform:translate(20px)}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-chip{border-radius:var(--radius-full);cursor:pointer;border:1px solid var(--border-primary);background:var(--bg-surface-2);color:var(--text-secondary);transition:all var(--transition-fast);padding:6px 14px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500}.filter-chip:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.filter-chip.active{background:var(--accent-primary-light);border-color:var(--accent-primary);color:var(--accent-primary);font-weight:600}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.main-content,.main-content.sidebar-collapsed{padding:16px;overflow-x:hidden;margin-left:0!important}.app-sidebar{height:calc(100dvh - var(--header-height));z-index:var(--z-sidebar);transform:translate(-100%);box-shadow:4px 0 24px #00000080;width:260px!important}.app-sidebar:not(.collapsed){transform:translate(0)}.app-sidebar.collapsed{transform:translate(-100%)}.app-sidebar.collapsed .sidebar-label,.app-sidebar.collapsed .sidebar-icon,.app-sidebar.collapsed .sidebar-section-title{opacity:0;pointer-events:none}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-primary)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.password-toggle{cursor:pointer;color:var(--text-muted);transition:color var(--transition-fast);align-items:center;display:flex}.password-toggle:hover{color:var(--accent-primary)}.payment-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.payment-card{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-fast);align-items:center;gap:14px;padding:18px;display:flex;position:relative}.payment-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.payment-card--inativo{opacity:.55}.payment-card__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.payment-card__info{flex:1;min-width:0}.payment-card__nome{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;display:block;overflow:hidden}.payment-card__actions{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.subscription-block-overlay{justify-content:center;align-items:center;min-height:100%;padding:24px;animation:.3s ease-out fadeIn;display:flex}.subscription-block-card{background:linear-gradient(135deg, #ef444414 0%, var(--bg-surface) 100%);text-align:center;border:1px solid #ef444440;border-radius:20px;width:100%;max-width:480px;padding:48px 40px;box-shadow:0 0 0 1px #ef44441a,0 24px 60px #00000080}.subscription-block-icon{width:80px;height:80px;color:var(--error);background:#ef44441f;border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;display:inline-flex}.subscription-block-title{color:var(--text-primary);margin:0 0 12px;font-size:1.75rem;font-weight:700}.subscription-block-message{color:var(--text-secondary);margin:0 0 32px;font-size:1rem;line-height:1.7}.subscription-block-btn{justify-content:center;align-items:center;padding:14px 28px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.header-left{align-items:center;gap:12px;display:flex}.header-shop-name{color:var(--text-muted);border-left:1px solid var(--border-primary);text-overflow:ellipsis;white-space:nowrap;max-width:200px;padding-left:12px;font-size:.8rem;overflow:hidden}.notification-btn{position:relative}.notification-badge{background:var(--error);color:#fff;border:2px solid var(--bg-surface);border-radius:9999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.notification-dropdown{width:300px;max-height:400px;overflow-y:auto}.notification-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.notification-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:30px 16px;font-size:.875rem;display:flex}.notification-item{cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--border-secondary);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--bg-hover)}.notif-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;display:flex}.notification-appointment .notif-icon{background:var(--accent-primary-light);color:var(--accent-primary)}.notification-stock .notif-icon{background:var(--warning-light);color:var(--warning)}.notif-title{color:var(--text-primary);font-size:.8rem;font-weight:600}.notif-msg{color:var(--text-muted);margin-top:2px;font-size:.75rem}.header-user-btn{cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:4px;display:flex}.header-user-btn:hover{background:var(--bg-hover)}.header-avatar{border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.header-avatar img{object-fit:cover;width:100%;height:100%}.sidebar-user-info{background:var(--bg-surface-2);border-radius:var(--radius-md);align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.sidebar-avatar{border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.sidebar-avatar img{object-fit:cover;width:100%;height:100%}.sidebar-user-details{overflow:hidden}.sidebar-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--text-muted);text-transform:capitalize;font-size:.7rem}.global-loader-container{z-index:99999;background:radial-gradient(circle,#0f172a 0%,#020617 100%);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.gl-universe{justify-content:center;align-items:center;width:200px;height:200px;margin-bottom:50px;display:flex;position:relative}.gl-orbit{border:2px solid #0000;border-radius:50%;animation:linear infinite gl-spin;position:absolute}.gl-orbit-red{border-top-color:#ef4444;border-right-color:#ef4444;width:170px;height:170px;animation-duration:3s;box-shadow:0 0 25px #ef444440,inset 0 0 25px #ef444440}.gl-orbit-white{border-bottom-color:#f8fafc;border-left-color:#f8fafc;width:130px;height:130px;animation-duration:2.2s;animation-direction:reverse;box-shadow:0 0 20px #f8fafc33,inset 0 0 20px #f8fafc33}.gl-orbit-blue{border-top-color:#3b82f6;border-bottom-color:#3b82f6;width:210px;height:210px;animation-duration:4.5s;box-shadow:0 0 30px #3b82f64d,inset 0 0 30px #3b82f64d}.gl-core{-webkit-backdrop-filter:blur(8px);background:#0f172a99;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:2s ease-in-out infinite gl-pulse;display:flex;position:absolute;box-shadow:0 0 40px #f8fafc26}.gl-scissors{color:#f8fafc;filter:drop-shadow(0 0 8px #ffffff80);animation:3s ease-in-out infinite gl-float}.gl-text-container{text-align:center;z-index:2;flex-direction:column;align-items:center;display:flex}.gl-title{letter-spacing:3px;text-transform:uppercase;background:linear-gradient(135deg,#ef4444 0%,#f8fafc 50%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:1.8rem;font-weight:800;animation:4s ease-in-out infinite alternate gl-glow-title}.gl-subtitle-wrapper{justify-content:center;align-items:center;height:30px;display:flex}.gl-subtitle{color:#94a3b8;text-shadow:0 2px 4px #00000080;margin:0;font-size:1.1rem;font-weight:500;animation:3.5s ease-in-out forwards gl-phrase-cycle}@keyframes gl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gl-pulse{0%,to{transform:scale(1);box-shadow:0 0 40px #f8fafc1a}50%{border-color:#ffffff4d;transform:scale(1.08);box-shadow:0 0 60px #f8fafc4d}}@keyframes gl-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(10deg)}}@keyframes gl-glow-title{0%{filter:drop-shadow(0 0 10px #ef444466);background-size:100% 100%}50%{filter:drop-shadow(0 0 20px #f8fafc99);background-size:200% 200%}to{filter:drop-shadow(0 0 10px #3b82f666);background-size:100% 100%}}@keyframes gl-phrase-cycle{0%{opacity:0;filter:blur(4px);transform:translateY(15px)scale(.95)}10%{opacity:1;filter:blur();transform:translateY(0)scale(1)}90%{opacity:1;filter:blur();transform:translateY(0)scale(1)}to{opacity:0;filter:blur(4px);transform:translateY(-15px)scale(.95)}}@media (width<=480px){.gl-title{letter-spacing:2px;font-size:1.4rem}.gl-subtitle{padding:0 20px;font-size:.95rem;line-height:1.4}.gl-orbit-red{width:140px;height:140px}.gl-orbit-white{width:100px;height:100px}.gl-orbit-blue{width:180px;height:180px}}.ls-root{color:#f1f5f9;background-color:#0f1015;width:100vw;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.ls-left{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.ls-left-bg{object-fit:cover;object-position:center;z-index:0;width:100%;height:100%;position:absolute;inset:0}.ls-left-overlay{z-index:1;background:linear-gradient(#0000008c 0%,#00000040 40%,#00000080 100%);position:absolute;inset:0}.ls-left-content{z-index:2;text-align:center;flex-direction:column;align-items:center;max-width:480px;padding:60px 40px;display:flex;position:relative}.ls-left-logo{object-fit:contain;filter:drop-shadow(0 4px 24px #00000080)brightness(1.6);background:#0000008c;border:1px solid #ffffff14;border-radius:16px;max-width:220px;height:auto;margin-bottom:32px;padding:18px 28px}.ls-left-divider{background:linear-gradient(90deg,#0000,#d4a853,#0000);border-radius:2px;width:60px;height:2px;margin-bottom:32px}.ls-left-tagline{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 16px #00000080;margin:0 0 16px;font-size:2.25rem;font-weight:800;line-height:1.2}.ls-left-desc{color:#ffffffc7;text-shadow:0 1px 8px #0006;max-width:380px;margin:0 0 40px;font-size:1.05rem;line-height:1.6}.ls-left-badges{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.ls-left-badge{-webkit-backdrop-filter:blur(12px);color:#ffffffeb;letter-spacing:.01em;background:#ffffff1a;border:1px solid #ffffff26;border-radius:100px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:background .2s,border-color .2s}.ls-left-badge:hover{background:#ffffff2e;border-color:#d4a85380}.char{transform-origin:bottom}.char--error{animation:.4s ease-in-out char-shake}.char--success{animation:.6s cubic-bezier(.34,1.56,.64,1) char-bounce}@keyframes char-shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)rotate(-3deg)}40%{transform:translate(10px)rotate(3deg)}60%{transform:translate(-6px)rotate(-2deg)}80%{transform:translate(6px)rotate(2deg)}}@keyframes char-bounce{0%,to{transform:translateY(0)scaleY(1)}40%{transform:translateY(-40px)scaleY(1.05)}70%{transform:translateY(5px)scaleY(.95)}}.heat-wave{stroke-dasharray:20;animation:1s linear forwards heat-rise}@keyframes heat-rise{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.scissor-cut-left{animation:.4s ease-in-out infinite cut-left}.scissor-cut-right{animation:.4s ease-in-out infinite cut-right}@keyframes cut-left{0%,to{transform:rotate(0)}50%{transform:rotate(15deg)}}@keyframes cut-right{0%,to{transform:rotate(0)}50%{transform:rotate(-15deg)}}.clipper-figure-8{animation:1.5s cubic-bezier(.45,.05,.55,.95) figure-8}@keyframes figure-8{0%{transform:translate(0)rotate(-10deg)}25%{transform:translate(80px,-40px)rotate(15deg)}50%{transform:translate(0)rotate(0)}75%{transform:translate(-80px,-40px)rotate(-25deg)}to{transform:translate(0)rotate(-10deg)}}.dryer-tremble{animation:.15s ease-in-out infinite dryer-shake}@keyframes dryer-shake{0%,to{transform:rotate(-9deg)translate(-7px)translateY(0)}25%{transform:rotate(-11deg)translate(-9px)translateY(-2px)}75%{transform:rotate(-7deg)translate(-5px)translateY(2px)}}.dryer-wind path{stroke-dasharray:200;stroke-dashoffset:200px;animation:.4s linear infinite wind-blow}.dryer-wind path:nth-child(2){animation-delay:.1s}.dryer-wind path:nth-child(3){animation-delay:.2s}@keyframes wind-blow{0%{stroke-dashoffset:200px;opacity:0}30%{opacity:1}80%{opacity:1}to{stroke-dashoffset:-200px;opacity:0}}.ls-jump-overlay{z-index:10000;pointer-events:none;-webkit-backdrop-filter:blur(8px);background:#0f172af2;animation:1.6s forwards fade-in-out;position:fixed;inset:0}.ls-jump-logo{transform-origin:50%;width:240px;height:auto;animation:1.6s cubic-bezier(.25,1,.5,1) forwards logo-jump;position:absolute;top:25%;left:25%}@keyframes logo-jump{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}35%{opacity:1;transform:translate(25vw,25vh)scale(3.5)}85%{opacity:0;transform:translate(25vw,25vh)scale(0)}to{opacity:0;transform:translate(25vw,25vh)scale(0)}}@keyframes fade-in-out{0%{opacity:0}15%{opacity:1}75%{opacity:1}to{opacity:0}}@media (width<=1024px){.ls-jump-logo{top:15%;left:50%}@keyframes logo-jump{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}35%{opacity:1;transform:translateY(35vh)scale(2.5)}85%{opacity:0;transform:translateY(35vh)scale(0)}to{opacity:0;transform:translateY(35vh)scale(0)}}}.ls-right{background-color:#131313;background-image:linear-gradient(27deg,#151515 5px,#0000 5px),linear-gradient(207deg,#151515 5px,#0000 5px),linear-gradient(27deg,#222 5px,#0000 5px),linear-gradient(207deg,#222 5px,#0000 5px),linear-gradient(90deg,#1b1b1b 10px,#0000 10px),linear-gradient(#1d1d1d 25%,#1a1a1a 25% 50%,#0000 50% 75%,#242424 75% 100%);background-position:0 5px,10px 0,0 10px,10px 5px,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.ls-right-inner{width:100%;max-width:440px;padding:40px}.ls-logo{align-items:center;gap:16px;margin-bottom:40px;display:flex}.ls-logo-img{object-fit:cover;border-radius:12px;width:48px;height:48px}.ls-logo-title{color:#fff;margin:0;font-size:1.5rem;font-weight:800}.ls-logo-title span,.ls-logo-pdc{color:#0000;background:linear-gradient(135deg,#2563eb 0%,#ef4444 50%,#fff 100%) 0 0/300% 300%;-webkit-background-clip:text;background-clip:text;animation:3s infinite alternate pdc-gradient-move;display:inline-block}@keyframes pdc-gradient-move{0%{background-position:0 100%}to{background-position:100% 0}}.ls-logo-sub{color:#94a3b8;margin:0;font-size:.875rem}.ls-tabs{background:#1e1e1e;border-radius:8px;margin-bottom:32px;padding:4px;display:flex}.ls-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:10px 16px;font-size:.95rem;font-weight:600;transition:all .2s}.ls-tab:hover:not(.active){color:#e2e8f0}.ls-tab.active{color:#fff;background:#3b82f6;box-shadow:0 2px 4px #0003}.ls-form-title{color:#fff;margin:0 0 8px;font-size:1.75rem;font-weight:700}.ls-form-sub{color:#94a3b8;margin:0 0 32px;font-size:1rem}.ls-field{margin-bottom:20px}.ls-field label{color:#cbd5e1;margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.ls-input-wrap{align-items:center;display:flex;position:relative}.ls-input-icon{color:#64748b;pointer-events:none;position:absolute;left:14px}.ls-input-wrap input{color:#f8fafc;caret-color:#3b82f6;background:#1e1e1e;border:1px solid #333;border-radius:8px;width:100%;padding:12px 40px 12px 42px;font-family:inherit;font-size:1rem;transition:all .2s}.ls-input-wrap input::placeholder{color:#64748b;opacity:1}.ls-input-wrap input:focus{color:#f8fafc;background:#1a1a2e;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f633}.ls-input-wrap input:focus::placeholder{color:#475569}.ls-input-wrap input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f8fafc!important;-webkit-box-shadow:inset 0 0 0 30px #1e1e1e!important}.ls-input-wrap input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f8fafc!important;-webkit-box-shadow:inset 0 0 0 30px #1e1e1e!important}.ls-input-wrap input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f8fafc!important;-webkit-box-shadow:inset 0 0 0 30px #1e1e1e!important}.ls-input-wrap input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#f8fafc!important;-webkit-box-shadow:inset 0 0 0 30px #1e1e1e!important}.ls-input-wrap input:focus:-webkit-autofill{-webkit-text-fill-color:#f8fafc!important;-webkit-box-shadow:inset 0 0 0 30px #1a1a2e!important}.ls-input-wrap input::-ms-reveal{display:none}.ls-input-wrap input::-ms-clear{display:none}.eye-toggle{cursor:pointer;opacity:.6;z-index:10;background:0 0;border:none;padding:4px;font-size:1.1rem;transition:opacity .2s;position:absolute;right:12px}.eye-toggle:hover{opacity:1}.ls-btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:14px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.ls-btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.ls-btn-primary:active:not(:disabled){transform:translateY(1px)}.ls-btn-primary:disabled{opacity:.7;cursor:not-allowed}.ls-remember-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:24px;display:flex}.ls-checkbox-lbl{cursor:pointer;align-items:center;gap:8px;display:flex}.ls-checkbox-lbl input[type=checkbox]{cursor:pointer;accent-color:#3b82f6;width:16px;height:16px}.ls-checkbox-text{color:#94a3b8;font-size:.875rem;font-weight:500;transition:color .2s}.ls-checkbox-lbl:hover .ls-checkbox-text{color:#e2e8f0}.ls-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:.9rem;display:flex}.ls-success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:.9rem;font-weight:500}.ls-link-row{text-align:center;color:#94a3b8;margin-top:24px;font-size:.9rem}.ls-link{color:#3b82f6;cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;padding:0;font-family:inherit}.ls-link:hover{text-decoration:underline}.ls-terms{text-align:center;color:#64748b;margin-top:24px;font-size:.75rem;line-height:1.5}.ls-footer{text-align:center;color:#475569;margin-top:40px;font-size:.8rem}.ls-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite ls-spin}@keyframes ls-spin{to{transform:rotate(360deg)}}@media (width<=900px){.ls-root{flex-direction:column}.ls-left{flex:none;min-height:40vh;max-height:45vh}.ls-left-content{padding:30px 20px}.ls-left-logo{max-width:160px;margin-bottom:20px}.ls-left-divider{margin-bottom:16px}.ls-left-tagline{margin-bottom:8px;font-size:1.5rem}.ls-left-desc{margin-bottom:20px;font-size:.9rem}.ls-left-badges{gap:8px}.ls-left-badge{padding:6px 12px;font-size:.75rem}.ls-right{flex:1;padding:20px}}.ls-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b8;justify-content:center;align-items:center;padding:16px;animation:.18s ls-fade-in;display:flex;position:fixed;inset:0}.ls-modal{background:#1a1f2e;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:420px;animation:.22s cubic-bezier(.34,1.56,.64,1) ls-slide-up;overflow:hidden;box-shadow:0 24px 60px #000000b3,0 0 0 1px #ffffff0d}.ls-modal-header{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:20px 24px 16px;display:flex}.ls-modal-title{color:#f1f5f9;flex:1;margin:0;font-size:1.1rem;font-weight:700}.ls-modal-icon{color:#63b3ed;background:#63b3ed26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.ls-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;margin-left:auto;padding:4px 8px;font-size:1.1rem;line-height:1;transition:color .15s,background .15s}.ls-modal-close:hover{color:#f1f5f9;background:#ffffff14}.ls-modal-body{flex-direction:column;gap:16px;padding:20px 24px 24px;display:flex}.ls-modal-desc{color:#94a3b8;margin:0;font-size:.875rem;line-height:1.55}.ls-modal-actions{gap:10px;margin-top:4px;display:flex}.ls-modal-confirm{text-align:center;align-items:center;padding-top:28px;padding-bottom:28px}.ls-modal-check{color:#4ade80;margin-bottom:12px}.ls-btn-secondary{cursor:pointer;color:#94a3b8;background:0 0;border:1px solid #ffffff26;border-radius:12px;flex:1;padding:11px 20px;font-size:.9rem;font-weight:600;transition:background .15s,border-color .15s}.ls-btn-secondary:hover:not(:disabled){color:#f1f5f9;background:#ffffff0f;border-color:#ffffff40}.ls-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.ls-modal-body .ls-btn-primary{flex:1}@keyframes ls-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ls-slide-up{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=480px){.ls-modal{border-radius:16px}.ls-modal-header{padding:16px 18px 14px}.ls-modal-body{padding:16px 18px 20px}.ls-modal-actions{flex-direction:column}}.ls-email-exists{background:#fbbf241a;border:1px solid #fbbf2473;border-radius:12px;flex-direction:column;gap:12px;padding:14px 16px;animation:.35s ls-shake;display:flex}.ls-email-exists-row{color:#fde68a;align-items:flex-start;gap:10px;font-size:.875rem;line-height:1.45;display:flex}.ls-email-exists-icon{color:#fbbf24;flex-shrink:0;margin-top:1px}.ls-email-exists-row strong{color:#fef3c7;font-weight:700}.ls-email-exists-row span{color:#fde68a}.ls-email-exists-btn{color:#fef3c7;cursor:pointer;text-align:center;letter-spacing:.01em;background:#fbbf242e;border:1px solid #fbbf2480;border-radius:8px;width:100%;padding:9px 14px;font-size:.85rem;font-weight:700;transition:background .15s,border-color .15s,color .15s}.ls-email-exists-btn:hover{color:#fffbeb;background:#fbbf2447;border-color:#fbbf24bf}@keyframes ls-shake{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}to{transform:translate(0)}}.dashboard-page{max-width:1400px}.dashboard-metrics-grid{grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:24px;display:grid}@media (width<=1280px){.dashboard-metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.dashboard-metrics-grid{grid-template-columns:repeat(2,1fr)}}.dashboard-charts{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=1024px){.dashboard-charts{grid-template-columns:1fr}}.chart-tooltip{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);padding:12px 14px;font-size:.825rem}.chart-tooltip-label{color:var(--text-secondary);margin-bottom:6px;font-weight:600}.staff-breakdown{flex-direction:column;gap:10px;display:flex}.staff-card{background:var(--bg-surface-2);border-radius:var(--radius-md);border:1px solid var(--border-secondary);transition:border-color var(--transition-fast);align-items:center;gap:12px;padding:12px 14px;display:flex}.staff-card:hover{border-color:var(--border-accent)}.staff-indicator{border-radius:4px;flex-shrink:0;width:4px;height:40px}.staff-info{flex:1}.staff-name{color:var(--text-primary);margin-bottom:4px;font-size:.9rem;font-weight:600}.staff-metrics{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:10px;font-size:.8rem;display:flex}.staff-revenue strong{color:var(--success)}.staff-commission strong{color:var(--error)}.staff-divider{color:var(--border-primary)}.payment-total-display{background:var(--bg-surface-2);border-radius:var(--radius-md);color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px;font-size:.9rem;display:flex}.payment-total-display strong{color:var(--accent-primary);font-size:1.5rem;font-weight:800}.payment-lines{flex-direction:column;gap:10px;margin-bottom:0;display:flex}.payment-line{align-items:center;gap:8px;display:flex}.payment-line .form-select{flex:1}.payment-amount-wrapper{border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-input,var(--bg-surface));flex-shrink:0;align-items:stretch;width:120px;display:flex;overflow:hidden}.payment-currency{color:var(--text-muted);background:var(--bg-surface-2);border-right:1px solid var(--border-primary);white-space:nowrap;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;padding:0 8px;font-size:.8rem;font-weight:600;display:flex}.payment-amount-input{all:unset;box-sizing:border-box;width:0;min-width:0;color:var(--text-primary);text-align:right;cursor:text;background:0 0;border:none;outline:none;flex:1;padding:8px;font-size:.875rem;font-weight:600}.payment-amount-input:focus{box-shadow:none;background:0 0;outline:none}.payment-status{background:var(--bg-surface-2);border-radius:var(--radius-md);flex-direction:column;gap:6px;margin-top:16px;padding:12px;display:flex}.payment-status-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.text-success{color:var(--success)!important}.text-error{color:var(--error)!important}.catalog-search-wrapper{background:var(--bg-surface-2);border:1px solid var(--border-primary);border-radius:var(--radius-md);height:38px;transition:border-color var(--transition-fast);align-items:center;gap:6px;padding:0 10px;display:flex;position:relative}.catalog-search-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-light,#00eeff26)}.catalog-search-icon{color:var(--text-muted);flex-shrink:0}.catalog-search-input{width:130px;color:var(--text-primary);background:0 0;border:none;outline:none;font-family:Inter,sans-serif;font-size:.85rem}.catalog-search-input::placeholder{color:var(--text-muted)}.catalog-search-clear{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.catalog-search-clear:hover{color:var(--error)}.catalog-item-btn.catalog-item-hidden{opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;transform:scale(.92)}.catalog-item-btn{transition:border-color var(--transition-fast), background var(--transition-fast), transform .18s ease, opacity .18s ease}.nova-venda-page{height:calc(100vh - var(--header-height) - 48px);flex-direction:column;display:flex}@media (width<=768px){.nova-venda-page{height:auto;min-height:calc(100vh - var(--header-height))}}.nova-venda-layout{border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--bg-surface);flex:1;gap:0;min-height:0;display:flex;overflow:hidden}@media (width<=768px){.nova-venda-layout{flex-direction:column;overflow:visible}}.catalog-panel{flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.catalog-tabs{border-bottom:1px solid var(--border-primary);background:var(--bg-surface-2);padding:12px 12px 0;display:flex}.catalog-tab{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 20px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500}.catalog-tab:hover{color:var(--text-primary)}.catalog-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);font-weight:600}.active-barber-indicator{color:var(--text-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:0 0;border-left:3px solid;align-items:center;gap:6px;margin:8px 12px;padding:8px 12px;font-size:.8rem;display:flex}.catalog-grid{flex:1;align-content:start;gap:8px;padding:12px;display:grid;overflow-y:auto}@media (width<=768px){.catalog-grid{overflow-y:visible}}.catalog-item-btn{background:var(--bg-surface-2);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;flex-direction:column;align-items:flex-start;gap:4px;min-height:80px;padding:14px 12px;font-family:Inter,sans-serif;display:flex}.catalog-item-btn:hover{border-color:var(--accent-primary);background:var(--accent-primary-light);transform:translateY(-1px)}.catalog-item-btn:active{transform:translateY(0)}.catalog-item-name{color:var(--text-primary);font-size:.85rem;font-weight:600;line-height:1.3}.catalog-item-price{color:var(--accent-primary);font-size:.9rem;font-weight:700}.catalog-item-duration{color:var(--text-muted);font-size:.7rem}.panel-divider{background:var(--border-primary);cursor:col-resize;width:6px;transition:background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.panel-divider:hover{background:var(--accent-primary)}.divider-handle{background:var(--text-muted);border-radius:var(--radius-full);width:3px;height:40px}.panel-divider:hover .divider-handle{background:#000}@media (width<=768px){.panel-divider{display:none}}.subtotal-panel{border-left:1px solid var(--border-primary);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}@media (width<=768px){.subtotal-panel{border-left:none;border-top:2px solid var(--border-primary);overflow-y:visible}}.selected-items{padding:14px}.selected-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:.875rem;font-weight:600}.sale-item-row{border-bottom:1px solid var(--border-secondary);align-items:center;gap:8px;padding:8px 0;display:flex}.sale-item-info{flex:1;min-width:0}.sale-item-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.825rem;font-weight:500;display:block;overflow:hidden}.sale-item-barber{margin-top:2px;font-size:.7rem;display:block}.sale-item-price{color:var(--text-primary);white-space:nowrap;font-size:.85rem;font-weight:600}.sale-item-remove{color:var(--text-muted);flex-shrink:0}.sale-item-remove:hover{color:var(--error);background:var(--error-light)}.barber-group{margin-bottom:12px}.barber-group-header{color:var(--text-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--bg-surface-2);text-transform:uppercase;letter-spacing:.05em;border-left:3px solid;margin-bottom:4px;padding:4px 8px;font-size:.75rem;font-weight:700}.subtotal-section{border-top:1px solid var(--border-primary);background:var(--bg-surface-2);flex-direction:column;flex-shrink:0;gap:10px;margin-top:auto;padding:14px;display:flex}.subtotal-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.discount-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.discount-controls{align-items:center;gap:4px;display:flex}.discount-type-btn{border:1px solid var(--border-primary);background:var(--bg-surface-3);width:28px;height:28px;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.discount-type-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#000}.discount-input{background:var(--bg-surface-3);border:1px solid var(--border-primary);width:70px;color:var(--text-primary);border-radius:var(--radius-sm);text-align:right;outline:none;padding:5px 8px;font-family:Inter,sans-serif;font-size:.825rem}.discount-input:focus{border-color:var(--accent-primary)}.joint-payment-toggle{border-top:1px solid var(--border-secondary);padding:8px 0}.joint-staff-selector{flex-direction:column;gap:4px;max-height:150px;display:flex;overflow-y:auto}.joint-staff-btn{border:1px solid var(--border-primary);background:var(--bg-surface-3);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;align-items:center;gap:8px;padding:8px 10px;font-family:Inter,sans-serif;font-size:.825rem;display:flex}.joint-staff-btn:hover{color:var(--text-primary)}.joint-staff-btn.active{color:var(--text-primary);font-weight:600}.joint-staff-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.total-row{border-top:2px solid var(--border-primary);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.total-label{color:var(--text-primary);font-size:1rem;font-weight:700}.total-value{color:var(--accent-primary);font-size:1.3rem;font-weight:800}@media (width<=768px){.nova-venda-page{height:auto!important;display:block!important}.nova-venda-layout{background:0 0!important;border:none!important;flex-direction:column!important;overflow:visible!important}.catalog-panel{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);margin-bottom:16px;padding-bottom:16px;width:100%!important;overflow:visible!important}.catalog-grid{padding:12px;max-height:none!important;overflow:visible!important}.subtotal-panel{border-radius:var(--radius-lg);background:var(--bg-surface);padding-bottom:12px;border:1px solid var(--border-primary)!important;width:100%!important;overflow:visible!important}.panel-divider{display:none!important}.subtotal-section{border-top:none}}.relatorios-page{min-height:100vh}.rel-tabs{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-primary);gap:6px;width:fit-content;padding:6px;display:flex}.rel-tab-btn{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.875rem;font-weight:500;display:flex}.rel-tab-btn:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}.rel-tab-btn.active{background:var(--accent-primary);color:#111;font-weight:700;box-shadow:0 2px 12px #f59e0b59}.rel-filter-bar{flex-direction:column;gap:14px;padding:16px 20px;display:flex}.rel-filter-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rel-filter-label{color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:flex}.rel-quick-btns{flex-wrap:wrap;gap:6px;display:flex}.rel-custom-dates{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.rel-custom-dates .form-group{min-width:160px}.rel-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:740px;font-size:.875rem}.rel-table th{background:var(--bg-surface-2);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:2px solid var(--border-primary);white-space:nowrap;text-overflow:ellipsis;padding:12px 14px;font-size:.75rem;font-weight:600;overflow:hidden}.rel-table td{color:var(--text-primary);border-bottom:1px solid var(--border-secondary);vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;padding:12px 14px;overflow:hidden}.rel-table tbody tr:hover td{background:var(--bg-hover);transition:background var(--transition-fast)}.rel-table tfoot{display:table-footer-group}.rel-table tfoot .total-row{width:100%;display:table-row}.rel-table tfoot .total-row td{background:var(--bg-surface-2);border-top:2px solid var(--accent-primary);text-align:left;vertical-align:middle;text-overflow:clip;white-space:nowrap;border-bottom:none;padding:14px;font-size:.9rem;font-weight:700;display:table-cell;overflow:visible}.rel-table tfoot .total-row td:first-child{color:var(--text-primary);letter-spacing:.01em;font-size:.95rem;font-weight:700}.val-success{font-weight:600;color:var(--success)!important}.val-error{font-weight:600;color:var(--error)!important}.val-warning{font-weight:600;color:var(--warning)!important}.val-accent{font-weight:600;color:var(--accent-primary)!important}.rel-barber-badge{vertical-align:middle;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-right:8px;display:inline-block}html.light-mode .rel-tabs{background:#f3f4f6;border-color:#e5e7eb}html.light-mode .rel-tab-btn{color:#6b7280}html.light-mode .rel-tab-btn:hover{color:#111;background:#e5e7eb}html.light-mode .rel-table th{color:#6b7280;background:#f9fafb;border-color:#e5e7eb}html.light-mode .rel-table td{border-color:#f3f4f6}html.light-mode .rel-table tfoot .total-row td{background:#f3f4f6}.relatorios-page .card .table-container,.relatorios-page .table-container{-webkit-overflow-scrolling:touch;overflow-x:auto!important}html.mobile-mode .rel-tabs{width:100%;overflow-x:auto}html.mobile-mode .rel-tab-btn{white-space:nowrap;padding:8px 14px;font-size:.8rem}html.mobile-mode .rel-filter-row{flex-direction:column;align-items:flex-start}html.mobile-mode .rel-custom-dates{flex-direction:column}html.mobile-mode .rel-table{font-size:.78rem}html.mobile-mode .rel-table th,html.mobile-mode .rel-table td{padding:8px 10px}@media (width<=768px){.relatorios-page .card{overflow:visible}.relatorios-page .table-container{border:1px solid var(--border-primary);border-radius:var(--radius-lg);background:0 0}}.config-panel{flex-direction:column;gap:24px;max-width:720px;display:flex}.config-section{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.config-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);border-bottom:1px solid var(--border-primary);background:var(--bg-surface-2);padding:14px 20px 10px;font-size:.75rem;font-weight:600}.config-item{transition:background var(--transition-fast);justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.config-item:hover{background:var(--bg-hover)}.config-item-info{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.config-item-icon{border-radius:var(--radius-md);background:var(--bg-surface-3);width:44px;height:44px;color:var(--text-secondary);transition:background var(--transition-normal), color var(--transition-normal);flex-shrink:0;justify-content:center;align-items:center;display:flex}.config-item-icon[data-active=true]{background:var(--accent-primary-light);color:var(--accent-primary)}.config-item-label{color:var(--text-primary);margin-bottom:2px;font-size:.95rem;font-weight:600}.config-item-desc{color:var(--text-muted);font-size:.8rem;line-height:1.4}.toggle-btn{border-radius:var(--radius-full);cursor:pointer;width:80px;height:36px;transition:background var(--transition-normal);border:none;flex-shrink:0;align-items:center;gap:8px;padding:4px 6px 4px 4px;display:flex;position:relative}.toggle-btn.on{background:var(--accent-primary);justify-content:flex-end}.toggle-btn.off{background:var(--bg-surface-3);border:1px solid var(--border-primary);justify-content:flex-start}.toggle-thumb{border-radius:var(--radius-full);width:26px;height:26px;transition:transform var(--transition-normal);background:#fff;flex-shrink:0;display:block;box-shadow:0 2px 6px #00000059}.toggle-label{letter-spacing:.05em;color:var(--text-primary);transition:color var(--transition-fast);-webkit-user-select:none;user-select:none;font-size:.7rem;font-weight:700}.toggle-btn.on .toggle-label{color:#1a1200}.toggle-btn.off .toggle-label{color:var(--text-muted)}.config-note{color:var(--text-muted);padding:4px 0 8px;font-size:.8rem}.mobile-mode .config-panel{max-width:100%}.mobile-mode .config-item{flex-direction:column;align-items:flex-start;gap:16px}.mobile-mode .toggle-btn{align-self:flex-end}.premium-expediente-list{flex-direction:column;gap:12px;margin-top:10px;display:flex}.premium-day-card{background:var(--bg-surface-2);border-radius:var(--radius-lg);border:1px solid var(--border-primary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.premium-day-card:hover{border-color:var(--accent-primary-light);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.premium-day-card[data-active=false]{opacity:.7;filter:grayscale(.5);background:var(--bg-surface-3);border-color:#0000}.premium-day-card[data-active=true]{background:var(--bg-surface);border-left:4px solid var(--accent-primary)}.day-toggle-wrapper{align-items:center;gap:14px;min-width:140px;display:flex}.day-switch{appearance:none;background:var(--border-primary);cursor:pointer;border-radius:12px;outline:none;flex-shrink:0;width:44px;height:24px;transition:background .3s;position:relative}.day-switch:checked{background:var(--accent-primary)}.day-switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.day-switch:checked:after{transform:translate(20px)}.day-name{color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:600}.time-inputs-group{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:16px;display:flex}.time-input-capsule{background:var(--bg-surface-3);border-radius:var(--radius-full);border:1px solid #0000;align-items:center;gap:6px;padding:6px 14px;transition:border-color .2s,background .2s;display:flex}.time-input-capsule:focus-within{border-color:var(--accent-primary);background:var(--bg-surface)}.premium-time-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:auto;padding:4px;font-family:inherit;font-size:.95rem;font-weight:600}.premium-time-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5;padding:2px;transition:opacity .2s}.premium-time-input::-webkit-calendar-picker-indicator:hover{opacity:1}.time-divider{color:var(--text-muted);margin:0 4px;font-size:.85rem;font-weight:600}.pause-group{border-left:1px dashed var(--border-primary);align-items:center;gap:12px;padding-left:16px;display:flex}.closed-badge{border-radius:var(--radius-full);color:var(--danger-color,#ef4444);letter-spacing:.03em;text-transform:uppercase;background:#ef44441a;align-items:center;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}@media (width<=600px){.time-inputs-group{justify-content:flex-start}.pause-group{border-left:none;width:100%;padding-left:0}}.suporte-container{max-width:800px;margin:0 auto;padding:2rem;animation:.4s ease-out fadeIn}.suporte-header{text-align:center;margin-bottom:3rem}.suporte-icon-wrapper{color:#3b82f6;background:#3b82f61a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:inline-flex;box-shadow:0 4px 20px #3b82f626}.suporte-header h1{color:var(--text-primary,#f8fafc);margin-bottom:.75rem;font-size:2rem;font-weight:700}.suporte-header p{color:var(--text-secondary,#94a3b8);max-width:500px;margin:0 auto;font-size:1.1rem;line-height:1.6}.suporte-cards{flex-direction:column;gap:1.25rem;display:flex}.suporte-card{background:var(--surface-color,#1e293b);border:1px solid var(--border-color,#334155);color:inherit;border-radius:12px;align-items:center;padding:1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.suporte-card:hover{border-color:#3b82f6;transform:translateY(-3px);box-shadow:0 10px 15px -3px #0003,0 4px 6px -4px #0000001a}.suporte-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin-right:1.5rem;display:flex}.suporte-card-icon.whatsapp{color:#25d366;background:#25d36626}.suporte-card-icon.email{color:#ea4335;background:#ea433526}.suporte-card-content{flex:1}.suporte-card-content h3{color:var(--text-primary,#f8fafc);margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.suporte-card-content p{color:var(--text-secondary,#94a3b8);font-size:1rem}.suporte-card-arrow{color:var(--text-secondary,#94a3b8);opacity:.5;transition:all .2s}.suporte-card:hover .suporte-card-arrow{opacity:1;color:#3b82f6;transform:translate(3px)translateY(-3px)}@media (width<=640px){.suporte-container{padding:1rem}.suporte-card{padding:1.25rem}.suporte-card-icon{width:48px;height:48px;margin-right:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 var(--accent-primary-glow)}50%{box-shadow:0 0 20px 6px var(--accent-primary-glow)}}.assinatura-container{max-width:1100px;margin:0 auto;animation:.4s both fadeInUp}.assinatura-hero{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-primary) 22%, transparent) 0%, color-mix(in srgb, var(--accent-primary) 8%, transparent) 60%, transparent 100%);border:1px solid color-mix(in srgb, var(--accent-primary) 30%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;justify-content:space-between;align-items:stretch;gap:2rem;margin-bottom:2rem;padding:2.5rem 2.5rem 3rem;display:flex;position:relative}.assinatura-hero-content{z-index:2;flex:1;max-width:560px;position:relative}.assinatura-hero:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent-primary) 18%, transparent) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:300px;height:300px;position:absolute;top:-80px;right:-80px}.assinatura-hero-icon{background:color-mix(in srgb, var(--accent-primary) 20%, transparent);border:1px solid color-mix(in srgb, var(--accent-primary) 35%, transparent);width:52px;height:52px;color:var(--accent-primary);border-radius:14px;justify-content:center;align-items:center;margin-bottom:1rem;animation:3s ease-in-out infinite pulseGlow;display:inline-flex}.assinatura-hero h1{color:var(--text-primary);margin:0 0 .5rem;font-size:1.9rem;font-weight:800;line-height:1.2}.assinatura-hero p{color:var(--text-secondary);max-width:560px;margin:0 0 2rem;font-size:.95rem;line-height:1.6}.assinatura-status-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;margin-bottom:1.5rem;padding:5px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.assinatura-status-badge.ativo{color:#22c55e;background:#22c55e1f;border:1px solid #22c55e40}.assinatura-status-badge.expirado{color:#ef4444;background:#ef44441f;border:1px solid #ef444440}.assinatura-hero-acoes{flex-wrap:wrap;gap:12px;display:flex}.btn-assinatura-primary{cursor:pointer;background:var(--accent-primary);color:#000;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 22px;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-assinatura-primary:hover{background:var(--accent-primary-hover);box-shadow:0 6px 20px var(--accent-primary-glow);transform:translateY(-1px)}.btn-assinatura-outline{cursor:pointer;color:var(--text-primary);border:1px solid var(--border-primary);background:0 0;border-radius:10px;align-items:center;gap:8px;padding:11px 22px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-assinatura-outline:hover{background:var(--bg-hover);border-color:color-mix(in srgb, var(--accent-primary) 40%, transparent);color:var(--accent-primary);transform:translateY(-1px)}.assinatura-grid{grid-template-columns:300px 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=800px){.assinatura-grid{grid-template-columns:1fr}.assinatura-hero{padding:1.75rem 1.5rem 2rem}.assinatura-hero h1{font-size:1.5rem}}.assinatura-card{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:16px;padding:1.75rem;animation:.45s both fadeInUp}.assinatura-info-plan-nome{color:var(--accent-primary);margin:0 0 4px;font-size:2rem;font-weight:900;line-height:1}.assinatura-info-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.5rem;font-size:.72rem;font-weight:700;display:block}.assinatura-info-divider{background:var(--border-primary);height:1px;margin:1.25rem 0}.assinatura-info-row{justify-content:space-between;align-items:center;padding:8px 0;font-size:.88rem;display:flex}.assinatura-info-row-label{color:var(--text-secondary);align-items:center;gap:8px;display:flex}.assinatura-info-row-value{color:var(--text-primary);font-weight:600}.btn-whatsapp{cursor:pointer;color:#25d366;background:#25d3661a;border:1px solid #25d36640;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:1.5rem;padding:11px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.btn-whatsapp:hover{background:#25d3662e;transform:translateY(-1px)}.assinatura-beneficios-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=600px){.assinatura-beneficios-grid{grid-template-columns:1fr}}.beneficio-item{border:1px solid var(--border-primary);background:var(--bg-surface-2);border-radius:12px;align-items:flex-start;gap:14px;padding:1.1rem;transition:border-color .2s,transform .2s;display:flex}.beneficio-item:hover{border-color:color-mix(in srgb, var(--accent-primary) 35%, transparent);transform:translateY(-2px)}.beneficio-icon{background:color-mix(in srgb, var(--accent-primary) 15%, transparent);width:40px;height:40px;color:var(--accent-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.beneficio-titulo{color:var(--text-primary);margin:0 0 4px;font-size:.82rem;font-weight:700}.beneficio-valor{color:var(--accent-primary);font-size:1.4rem;font-weight:900;line-height:1}.beneficio-desc{color:var(--text-secondary);margin-top:2px;font-size:.75rem}.telas-grid{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.tela-pill{background:color-mix(in srgb, var(--accent-primary) 12%, transparent);color:var(--accent-primary);border:1px solid color-mix(in srgb, var(--accent-primary) 25%, transparent);border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:600}.assinatura-loading-overlay{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:500px;animation:.3s fadeIn;display:flex}.assinatura-loading-overlay p{color:var(--text-secondary);font-weight:500}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:300;background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:20px;width:100%;max-height:90vh;animation:.25s fadeInUp;overflow-y:auto}.modal-header{z-index:10;background:var(--bg-surface);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:1.5rem 1.75rem;display:flex;position:sticky;top:0}.modal-header h2{color:var(--text-primary);margin:0;font-size:1.3rem;font-weight:800}.modal-header-sub{color:var(--text-secondary);margin:2px 0 0;font-size:.82rem}.btn-modal-close{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.btn-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:1.75rem}.planos-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem;display:grid}.plano-card{border:2px solid var(--border-primary);background:var(--bg-surface-2);border-radius:16px;flex-direction:column;padding:1.5rem;transition:transform .2s,border-color .2s,box-shadow .2s;animation:.3s both fadeInUp;display:flex;position:relative;overflow:hidden}.plano-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000059}.plano-card.ativo{border-color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 6%, var(--bg-surface-2))}.plano-card-stripe{background:var(--accent-primary);border-radius:16px 16px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.plano-badge-atual{text-transform:uppercase;letter-spacing:.06em;background:var(--accent-primary);color:#000;border-radius:999px;align-items:center;gap:5px;margin-bottom:10px;padding:3px 10px;font-size:.7rem;font-weight:800;display:inline-flex}.plano-nome{color:var(--text-primary);margin:0 0 4px;font-size:1.2rem;font-weight:800}.plano-descricao{color:var(--text-secondary);flex:1;margin:0 0 1.25rem;font-size:.8rem;line-height:1.5}.plano-preco{flex-wrap:wrap;align-items:baseline;gap:6px;margin-bottom:1.25rem;display:flex}.plano-preco-valor{color:var(--text-primary);white-space:nowrap;font-size:1.9rem;font-weight:900;line-height:1}.plano-preco-periodo{color:var(--text-secondary);white-space:nowrap;font-size:.8rem;font-weight:500}.plano-features{flex-direction:column;gap:8px;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.plano-feature-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:.83rem;display:flex}.plano-feature-item svg{color:var(--accent-primary);flex-shrink:0}.btn-assinar{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.btn-assinar.disponivel{background:var(--accent-primary);color:#000}.btn-assinar.disponivel:hover:not(:disabled){background:var(--accent-primary-hover);box-shadow:0 6px 18px var(--accent-primary-glow);transform:translateY(-1px)}.btn-assinar.atual{background:var(--bg-hover);color:var(--text-muted);cursor:not-allowed}.modal-renovar-box{max-width:440px}.renovar-plano-nome{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.renovar-descricao{color:var(--text-secondary);text-align:center;margin:.25rem 0 1.5rem;font-size:.88rem}.meses-seletor{justify-content:center;align-items:center;gap:20px;margin-bottom:1.5rem;display:flex}.btn-meses{border:1px solid var(--border-primary);background:var(--bg-surface-2);width:44px;height:44px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;font-weight:700;transition:all .15s;display:flex}.btn-meses:hover:not(:disabled){background:color-mix(in srgb, var(--accent-primary) 15%, transparent);border-color:var(--accent-primary);color:var(--accent-primary)}.btn-meses:disabled{opacity:.35;cursor:not-allowed}.meses-display{text-align:center;min-width:80px}.meses-numero{color:var(--accent-primary);font-size:3rem;font-weight:900;line-height:1;display:block}.meses-label{color:var(--text-secondary);margin-top:2px;font-size:.75rem;font-weight:600;display:block}.renovar-resumo{background:var(--bg-surface-2);border:1px solid var(--border-primary);border-radius:12px;margin-bottom:1.25rem;padding:1.1rem 1.25rem}.renovar-resumo-linha{color:var(--text-secondary);justify-content:space-between;align-items:center;padding:4px 0;font-size:.85rem;display:flex}.renovar-resumo-total{border-top:1px solid var(--border-primary);color:var(--text-primary);justify-content:space-between;align-items:center;margin-top:8px;padding-top:10px;font-size:1.15rem;font-weight:800;display:flex}.renovar-resumo-total-valor{color:var(--accent-primary);font-size:1.4rem}.btn-ir-pagamento{cursor:pointer;background:var(--accent-primary);color:#000;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:.95rem;font-weight:800;transition:all .2s;display:flex}.btn-ir-pagamento:hover:not(:disabled){background:var(--accent-primary-hover);box-shadow:0 8px 24px var(--accent-primary-glow);transform:translateY(-2px)}.btn-ir-pagamento:disabled{opacity:.5;cursor:not-allowed}.btn-ir-pagamento .spinner-btn{border:2.5px solid #0000004d;border-top-color:#000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes skeletonShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg, var(--bg-surface-2) 25%, var(--bg-surface-3) 50%, var(--bg-surface-2) 75%);background-size:800px 100%;border-radius:16px;animation:1.4s infinite skeletonShimmer}.assinatura-banner-expirado{color:var(--text-primary);background:#ef444414;border:1px solid #ef44444d;border-radius:14px;align-items:center;gap:16px;margin-bottom:1.75rem;padding:1.1rem 1.5rem;animation:.35s both fadeInUp;display:flex}.assinatura-banner-expirado>svg{color:#ef4444;flex-shrink:0}.assinatura-banner-expirado>div{flex:1;font-size:.9rem;line-height:1.5}.assinatura-banner-expirado strong{color:#ef4444}@media (width<=640px){.assinatura-banner-expirado{text-align:center;flex-direction:column}.assinatura-banner-expirado button{justify-content:center;width:100%}}.assinatura-hero-widget{background:var(--bg-surface);border:1px solid var(--border-primary);z-index:10;border-radius:16px;flex-direction:column;flex-shrink:0;min-width:320px;max-width:360px;animation:.3s both fadeIn;display:flex;overflow:hidden;box-shadow:0 16px 40px #0006}@media (width<=800px){.assinatura-hero-widget{min-width:100%;max-width:100%;margin-top:1rem}}.widget-header{border-bottom:1px solid var(--border-primary);background:var(--bg-surface-2);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.widget-header h2{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:800}.widget-header-sub{color:var(--text-secondary);margin:2px 0 0;font-size:.8rem}.btn-widget-close{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-widget-close:hover{background:var(--bg-hover);color:var(--text-primary)}.widget-body{padding:1.5rem}:root{--bb-red:#c0392b;--bb-red-light:#e74c3c;--bb-red-glow:#c0392b59;--bb-blue:#1a3557;--bb-blue-mid:#1f4e79;--bb-blue-light:#1a3557b3;--bb-white:#f8f9fa;--bb-white-dim:#f8f9fa14;--bb-white-border:#f8f9fa24;--bb-bg-1:#0d1b2a;--bb-bg-2:#1a3557;--bb-bg-3:#2c0f0b;--bb-glass-bg:#ffffff0f;--bb-glass-border:#ffffff1f;--bb-glass-hover:#ffffff1a;--bb-text:#f0ede8;--bb-text-muted:#f0ede88c;--bb-sel-bg:#c0392b2e;--bb-sel-bd:#c0392b;--bb-radius:16px;--bb-radius-sm:10px;--bb-shadow:0 8px 32px #00000080;--bb-transition:all .22s cubic-bezier(.4, 0, .2, 1)}@keyframes bb-bg-rotate{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes bb-float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-8px)rotate(1deg)}66%{transform:translateY(4px)rotate(-1deg)}}@keyframes bb-spin{to{transform:rotate(360deg)}}@keyframes bb-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes bb-step-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes bb-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes bb-shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes bb-stripe-scroll{0%{background-position:0 0}to{background-position:40px 40px}}.pub-page{background:linear-gradient(135deg, var(--bb-bg-1) 0%, var(--bb-blue) 25%, var(--bb-bg-3) 50%, var(--bb-blue-mid) 75%, var(--bb-bg-1) 100%);min-height:100dvh;padding:0 0 env(safe-area-inset-bottom,24px);color:var(--bb-text);background-size:400% 400%;flex-direction:column;align-items:center;font-family:Inter,Segoe UI,system-ui,sans-serif;animation:18s infinite bb-bg-rotate;display:flex;position:relative;overflow-x:hidden}.pub-page:before{content:"";pointer-events:none;z-index:0;background-image:repeating-linear-gradient(-45deg,#0000,#0000 38px,#c0392b0a 38px 40px);animation:12s linear infinite bb-stripe-scroll;position:fixed;inset:0}.pub-page:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#c0392b26 0%,#0000 70%);border-radius:50%;width:480px;height:480px;animation:8s ease-in-out infinite bb-float;position:fixed;top:-120px;right:-160px}.pub-page>*{z-index:1;position:relative}.pub-header{text-align:center;width:100%;max-width:480px;padding:32px 20px 0}.pub-header__logo-ring{border:2px solid var(--bb-red);width:72px;height:72px;box-shadow:0 0 0 1px #c0392b33, 0 0 28px var(--bb-red-glow), inset 0 1px 0 #ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#c0392b33,#1a35574d);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex;overflow:hidden}.pub-header__logo-ring svg{width:32px;height:32px;color:var(--bb-red-light)}.pub-header__logo-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.pub-header__shop-name{letter-spacing:-.3px;color:var(--bb-white);text-shadow:0 2px 12px #0006;margin:0 0 6px;font-family:Playfair Display,Georgia,serif;font-size:1.55rem;font-weight:700}.pub-header__tagline{color:var(--bb-text-muted);letter-spacing:.3px;margin:0;font-size:.82rem}.pub-header__divider{align-items:center;gap:10px;margin:20px 0 0;display:flex}.pub-header__divider:before,.pub-header__divider:after{content:"";background:linear-gradient(90deg, transparent, var(--bb-red), transparent);flex:1;height:1px}.pub-header__divider span{letter-spacing:2px;text-transform:uppercase;color:var(--bb-red-light);white-space:nowrap;font-size:.65rem}.pub-progress{width:100%;max-width:480px;padding:24px 20px 0}.pub-progress__steps{align-items:center;gap:0;display:flex}.pub-progress__dot{border:2px solid var(--bb-glass-border);background:var(--bb-glass-bg);width:30px;height:30px;color:var(--bb-text-muted);transition:var(--bb-transition);z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex;position:relative}.pub-progress__dot.active{border-color:var(--bb-red);color:var(--bb-red-light);box-shadow:0 0 14px var(--bb-red-glow);background:#c0392b33}.pub-progress__dot.done{border-color:var(--bb-red);background:var(--bb-red);color:#fff;box-shadow:0 0 10px var(--bb-red-glow)}.pub-progress__line{background:var(--bb-glass-border);flex:1;height:2px;transition:background .4s}.pub-progress__line.done{background:linear-gradient(90deg, var(--bb-red), var(--bb-red-light))}.pub-progress__labels{justify-content:space-between;margin-top:8px;display:flex}.pub-progress__label{color:var(--bb-text-muted);text-align:center;transition:var(--bb-transition);text-transform:uppercase;letter-spacing:.6px;flex:1;font-size:.6rem}.pub-progress__label.active{color:var(--bb-red-light);font-weight:600}.pub-content{flex:1;width:100%;max-width:480px;padding:20px 16px}.pub-step-title{color:var(--bb-white);text-shadow:0 1px 8px #0000004d;margin:0 0 4px;font-family:Playfair Display,Georgia,serif;font-size:1.25rem;font-weight:700}.pub-step-subtitle{color:var(--bb-text-muted);margin:0 0 22px;font-size:.82rem;line-height:1.5}.pub-card{background:var(--bb-glass-bg);border:1px solid var(--bb-glass-border);border-radius:var(--bb-radius);cursor:pointer;transition:var(--bb-transition);-webkit-backdrop-filter:blur(12px);padding:16px;box-shadow:0 4px 16px #0003}.pub-card:hover{background:var(--bb-glass-hover);border-color:#c0392b80;transform:translateY(-2px);box-shadow:0 8px 28px #0000004d,0 0 0 1px #c0392b33}.pub-card.selected{background:var(--bb-sel-bg);border-color:var(--bb-sel-bd);box-shadow:0 0 0 1px var(--bb-red), 0 6px 24px #c0392b40, 0 0 40px #c0392b1a;transform:translateY(-1px)}.pub-services-grid{flex-direction:column;gap:10px;display:flex}.pub-service-card{justify-content:space-between;align-items:center;gap:12px;display:flex}.pub-service-card__info{flex:1}.pub-service-card__name{color:var(--bb-white);margin:0 0 2px;font-size:.95rem;font-weight:600}.pub-service-card__meta{color:var(--bb-text-muted);margin:0;font-size:.78rem}.pub-service-card__price{color:#e8a87c;white-space:nowrap;font-size:1rem;font-weight:700}.pub-service-card__check{border:2px solid var(--bb-glass-border);width:22px;height:22px;transition:var(--bb-transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pub-card.selected .pub-service-card__check{border-color:var(--bb-red);background:var(--bb-red)}.pub-barbers-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.pub-barber-card{text-align:center;flex-direction:column;align-items:center;padding:20px 12px;display:flex}.pub-barber-card__avatar{object-fit:cover;border:2px solid var(--bb-glass-border);width:64px;height:64px;transition:var(--bb-transition);border-radius:50%;margin-bottom:10px}.pub-card.selected .pub-barber-card__avatar{border-color:var(--bb-red);box-shadow:0 0 18px var(--bb-red-glow)}.pub-barber-card__avatar-placeholder{border:2px solid var(--bb-glass-border);width:64px;height:64px;color:var(--bb-red-light);transition:var(--bb-transition);background:linear-gradient(135deg,#c0392b26,#1a355733);border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;font-size:1.4rem;font-weight:700;display:flex}.pub-card.selected .pub-barber-card__avatar-placeholder{border-color:var(--bb-red);box-shadow:0 0 18px var(--bb-red-glow)}.pub-barber-card__name{color:var(--bb-white);margin:0;font-size:.88rem;font-weight:600}.pub-date-scroll{scrollbar-width:none;gap:10px;margin-bottom:20px;padding-bottom:8px;display:flex;overflow-x:auto}.pub-date-scroll::-webkit-scrollbar{display:none}.pub-date-btn{border-radius:var(--bb-radius-sm);border:1px solid var(--bb-glass-border);background:var(--bb-glass-bg);cursor:pointer;transition:var(--bb-transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;flex-shrink:0;align-items:center;min-width:56px;padding:10px 14px;display:flex}.pub-date-btn:hover:not(:disabled){background:var(--bb-glass-hover);border-color:#c0392b73;transform:translateY(-1px)}.pub-date-btn.selected{border-color:var(--bb-red);box-shadow:0 0 14px var(--bb-red-glow);background:#c0392b33}.pub-date-btn:disabled{opacity:.35;cursor:not-allowed}.pub-date-btn__day{text-transform:uppercase;letter-spacing:.8px;color:var(--bb-text-muted);margin-bottom:4px;font-size:.62rem}.pub-date-btn.selected .pub-date-btn__day{color:var(--bb-red-light)}.pub-date-btn__num{color:var(--bb-white);font-size:1.1rem;font-weight:700}.pub-date-btn.selected .pub-date-btn__num{color:#fff}.pub-date-btn__month{color:var(--bb-text-muted);margin-top:2px;font-size:.6rem}.pub-slots-title{color:var(--bb-text-muted);text-transform:uppercase;letter-spacing:.7px;margin:0 0 12px;font-size:.8rem;font-weight:600}.pub-slots-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pub-slot-btn{border-radius:var(--bb-radius-sm);border:1px solid var(--bb-glass-border);background:var(--bb-glass-bg);color:var(--bb-white);cursor:pointer;text-align:center;transition:var(--bb-transition);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:10px 4px;font-size:.82rem;font-weight:600}.pub-slot-btn:hover{background:#c0392b1a;border-color:#c0392b80;transform:translateY(-1px)}.pub-slot-btn.selected{background:var(--bb-red);border-color:var(--bb-red);color:#fff;box-shadow:0 4px 18px var(--bb-red-glow);font-weight:700}.pub-slots-empty{text-align:center;color:var(--bb-text-muted);padding:32px 0;font-size:.88rem}.pub-slots-loading{text-align:center;padding:32px 0}.pub-slots-loading__spinner{border:3px solid var(--bb-glass-border);border-top-color:var(--bb-red);border-radius:50%;width:28px;height:28px;margin:0 auto 8px;animation:.7s linear infinite bb-spin}.pub-form{flex-direction:column;gap:14px;display:flex}.pub-form__group{flex-direction:column;gap:6px;display:flex}.pub-form__label{color:var(--bb-text-muted);text-transform:uppercase;letter-spacing:.7px;font-size:.78rem;font-weight:600}.pub-form__input{border-radius:var(--bb-radius-sm);border:1px solid var(--bb-glass-border);width:100%;color:var(--bb-white);-webkit-text-fill-color:var(--bb-white);transition:var(--bb-transition);-webkit-appearance:none;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;outline:none;padding:14px 16px;font-size:.95rem}.pub-form__input:-webkit-autofill{caret-color:var(--bb-white);border-color:var(--bb-glass-border);transition:background-color 9999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #1a3557e6;-webkit-text-fill-color:var(--bb-white)!important}.pub-form__input:-webkit-autofill:hover{caret-color:var(--bb-white);border-color:var(--bb-glass-border);transition:background-color 9999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #1a3557e6;-webkit-text-fill-color:var(--bb-white)!important}.pub-form__input:-webkit-autofill:focus{caret-color:var(--bb-white);border-color:var(--bb-glass-border);transition:background-color 9999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #1a3557e6;-webkit-text-fill-color:var(--bb-white)!important}.pub-form__input::placeholder{color:#f0ede859;-webkit-text-fill-color:#f0ede859;opacity:1}.pub-form__input:focus{border-color:var(--bb-red);-webkit-text-fill-color:var(--bb-white);background:#c0392b14;box-shadow:0 0 0 3px #c0392b2e}.pub-form__input.error{border-color:#e05252;box-shadow:0 0 0 3px #e052522e}.pub-form__error{color:#f4a0a0;margin:0;font-size:.75rem}.pub-form__hint{color:var(--bb-text-muted);margin:0;font-size:.73rem}.pub-privacy-box{border-radius:var(--bb-radius-sm);color:var(--bb-text-muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1a35574d;border:1px solid #1a53894d;padding:12px 14px;font-size:.78rem;line-height:1.5}.pub-summary{border-radius:var(--bb-radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#c0392b1a;border:1px solid #c0392b40;margin-bottom:20px;padding:14px 16px}.pub-summary__title{text-transform:uppercase;letter-spacing:.8px;color:var(--bb-red-light);margin:0 0 10px;font-size:.68rem;font-weight:700}.pub-summary__row{color:var(--bb-white);justify-content:space-between;align-items:flex-start;margin-bottom:5px;font-size:.85rem;display:flex}.pub-summary__row:last-child{margin-bottom:0}.pub-summary__key{color:var(--bb-text-muted);flex-shrink:0;margin-right:10px}.pub-summary__val{text-align:right;font-weight:600}.pub-nav{flex-direction:column;gap:10px;width:100%;max-width:480px;padding:0 16px 28px;display:flex}.pub-btn-primary{border-radius:var(--bb-radius-sm);background:linear-gradient(135deg, var(--bb-red) 0%, #8b1a1a 50%, var(--bb-blue) 100%);color:#fff;cursor:pointer;width:100%;transition:var(--bb-transition);box-shadow:0 4px 20px var(--bb-red-glow);letter-spacing:.5px;background-size:200% 200%;border:none;padding:16px;font-size:.95rem;font-weight:700;animation:4s infinite alternate bb-shimmer;position:relative;overflow:hidden}.pub-btn-primary:before{content:"";background:linear-gradient(135deg,#ffffff1f 0%,#0000 60%);transition:opacity .22s;position:absolute;inset:0}.pub-btn-primary:hover:not(:disabled){box-shadow:0 8px 32px var(--bb-red-glow), 0 0 0 1px #c0392b66;transform:translateY(-2px)}.pub-btn-primary:active:not(:disabled){transform:translateY(0)}.pub-btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;animation:none;transform:none}.pub-btn-secondary{border-radius:var(--bb-radius-sm);border:1px solid var(--bb-glass-border);width:100%;color:var(--bb-text-muted);cursor:pointer;transition:var(--bb-transition);background:0 0;padding:14px;font-size:.9rem;font-weight:600}.pub-btn-secondary:hover{color:var(--bb-white);background:var(--bb-glass-bg);border-color:#f0ede840}.pub-btn-spinner{vertical-align:middle;border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;margin-right:8px;animation:.7s linear infinite bb-spin;display:inline-block}.pub-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:40px 20px;display:flex}.pub-success__ring{border:3px solid var(--bb-red);width:96px;height:96px;box-shadow:0 0 0 6px #c0392b1a, 0 0 50px var(--bb-red-glow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#c0392b26;border-radius:50%;justify-content:center;align-items:center;margin-bottom:28px;animation:.5s cubic-bezier(.34,1.56,.64,1) both bb-pop;display:flex}.pub-success__ring svg{width:42px;height:42px;color:var(--bb-red-light)}.pub-success__title{color:var(--bb-white);text-shadow:0 2px 12px #0006;margin:0 0 10px;font-family:Playfair Display,Georgia,serif;font-size:1.65rem;font-weight:800}.pub-success__msg{color:var(--bb-text-muted);max-width:320px;margin:0 auto 28px;font-size:.9rem;line-height:1.65}.pub-success__badge{color:var(--bb-red-light);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#c0392b26;border:1px solid #c0392b59;border-radius:40px;padding:10px 24px;font-size:.82rem;font-weight:600}.pub-not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80dvh;padding:60px 24px;display:flex}.pub-not-found__icon{margin-bottom:16px;font-size:3rem}.pub-not-found__title{margin:0 0 8px;font-family:Playfair Display,Georgia,serif;font-size:1.2rem;font-weight:700}.pub-not-found__msg{color:var(--bb-text-muted);max-width:280px;font-size:.88rem}.pub-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;display:flex}.pub-loading__spinner{border:4px solid var(--bb-glass-border);border-top-color:var(--bb-red);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite bb-spin}.pub-loading__text{color:var(--bb-text-muted);font-size:.88rem}.pub-closed-alert{border-radius:var(--bb-radius-sm);color:#e89898;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#e0525214;border:1px solid #e0525240;margin-bottom:16px;padding:14px 16px;font-size:.85rem;line-height:1.5}.pub-error-msg{border-radius:var(--bb-radius-sm);color:#f4a0a0;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#e052521a;border:1px solid #e052524d;margin-bottom:12px;padding:12px 16px;font-size:.85rem;animation:.3s bb-fade-in}.pub-step-enter{animation:.3s cubic-bezier(.4,0,.2,1) both bb-step-in}.pub-form__char-count{color:var(--bb-text-muted);text-align:right;margin:0;font-size:.68rem}.pub-form__char-count.warn{color:#f4a0a0;font-weight:600}@media (width<=360px){.pub-barbers-grid{grid-template-columns:repeat(2,1fr)}.pub-slots-grid{grid-template-columns:repeat(3,1fr)}.pub-header__shop-name{font-size:1.3rem}}