body{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;color:#0f172a;line-height:1.6}#root{min-height:100vh}:root{--primary: #4285f4;--primary-dark: #1a73e8;--primary-light: #669df6;--primary-lighter: #e3f2fd;--secondary: #764ba2;--secondary-dark: #6b21a8;--secondary-light: #a855f7;--accent-pink: #f093fb;--accent-orange: #f5576c;--accent-cyan: #00f2fe;--accent-green: #43e97b;--background: #f5f7fa;--background-dark: #0f172a;--surface: #ffffff;--surface-elevated: #ffffff;--border: #e2e8f0;--border-light: #f1f5f9;--text: #0f172a;--text-secondary: #475569;--text-light: #64748b;--text-lighter: #94a3b8;--text-inverse: #ffffff;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--danger: #ef4444;--danger-light: #fee2e2;--info: #3b82f6;--info-light: #dbeafe;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-success: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--gradient-info: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-dark: linear-gradient(180deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .06), 0 1px 2px -1px rgb(0 0 0 / .06);--shadow: 0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .07);--shadow-md: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .08);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-colored: 0 10px 30px -5px rgba(102, 126, 234, .2);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);color:var(--text);line-height:1.6}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);border:1px solid var(--border-light);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-light)}.card-header h2{font-size:20px;font-weight:700;color:var(--text);margin:0;display:flex;align-items:center;gap:var(--spacing-sm);letter-spacing:-.025em}.subtitle{color:var(--text-light);font-size:14px;margin-top:var(--spacing-xs)}.btn{padding:11px 22px;border-radius:var(--radius-md);font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);position:relative;overflow:hidden;letter-spacing:-.01em}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-colored)}.btn-primary:hover{box-shadow:0 12px 35px -5px #667eea59}.btn-secondary{background:var(--surface);color:var(--text);border:1.5px solid var(--border)}.btn-secondary:hover{background:var(--background);border-color:var(--primary-light);color:var(--primary)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover{box-shadow:0 12px 35px -5px #ef444459}.btn-success{background:var(--gradient-success);color:#fff}.btn-success:hover{box-shadow:0 12px 35px -5px #43e97b59}.btn-sm{padding:7px 14px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.form-group{margin-bottom:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--text);font-size:14px;letter-spacing:-.01em}.input,.textarea,.select{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:14px;transition:all var(--transition-normal);font-family:inherit;background:var(--surface);color:var(--text)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-lighter)}.input::placeholder,.textarea::placeholder{color:var(--text-lighter)}.textarea{resize:vertical;min-height:120px}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;letter-spacing:.01em}.badge-success{background:var(--success-light);color:#059669}.badge-warning{background:var(--warning-light);color:#d97706}.badge-danger{background:var(--danger-light);color:#dc2626}.badge-info{background:var(--info-light);color:#2563eb}.empty-state{text-align:center;padding:var(--spacing-2xl) var(--spacing-xl);color:var(--text-light)}.empty-state-icon{font-size:56px;margin-bottom:var(--spacing-md);opacity:.7}.empty-state p:first-child{font-size:56px;margin-bottom:var(--spacing-md)}.empty-state h3{font-size:17px;font-weight:600;color:var(--text);margin-bottom:var(--spacing-sm);letter-spacing:-.025em}.empty-subtitle{font-size:14px;color:var(--text-lighter)}.loading-spinner{display:inline-block;width:24px;height:24px;border:2.5px solid var(--border);border-radius:50%;border-top-color:var(--primary);animation:spin .8s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.4,0,.2,1) forwards}.animate-slide-in{animation:slideInRight .4s cubic-bezier(.4,0,.2,1) forwards}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.4,0,.2,1) forwards}@media(max-width:768px){.container{padding:0 var(--spacing-md)}.card{padding:var(--spacing-lg);border-radius:var(--radius-md)}.form-row{grid-template-columns:1fr}.btn{width:100%}.card-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.card-header h2{font-size:18px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full);transition:background var(--transition-normal)}::-webkit-scrollbar-thumb:hover{background:var(--text-lighter)}::selection{background:var(--primary-lighter);color:var(--primary-dark)}.dashboard-layout{display:flex;height:100vh;background:#f8fafc;font-family:DM Sans,Inter,-apple-system,sans-serif}.sidebar{width:260px;background:#fff;border-right:1px solid #edf0f4;display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:10}.sidebar.closed{width:72px}.sidebar-header{padding:1.25rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4}.logo{display:flex;align-items:center;gap:.75rem}.logo-icon-wrapper{width:38px;height:38px;background:linear-gradient(135deg,#4285f4,#1a73e8);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4285f440}.logo-text-group{display:flex;flex-direction:column;line-height:1.1}.logo-text{font-size:1.15rem;font-weight:800;color:#0d1e4c;letter-spacing:-.02em}.logo-subtext{font-size:.7rem;font-weight:500;color:#94a3b8}.sidebar-toggle{background:none;border:none;color:#94a3b8;cursor:pointer;padding:6px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover{color:#4285f4;background:#f1f5f9}.logo-btn{background:none;border:none;padding:0;margin:0;cursor:pointer;text-align:left;transition:transform .2s}.logo-btn:hover{transform:scale(1.02)}.sidebar-nav{flex:1;padding:.75rem;overflow-y:auto}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.75rem .875rem;margin-bottom:2px;background:transparent;border:none;border-radius:10px;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;width:100%;text-align:left;letter-spacing:-.01em}.sidebar-item:hover{background:#f8fafc;color:#1e293b}.sidebar-item.active{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1a73e8;font-weight:600}.sidebar-item .item-icon{min-width:22px;display:flex;align-items:center;justify-content:center}.sidebar-item .item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item .active-indicator{position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:55%;background:linear-gradient(180deg,#4285f4,#1a73e8);border-radius:2px 0 0 2px}.sidebar.closed .sidebar-item{justify-content:center;padding:.75rem}.sidebar.closed .item-label,.sidebar.closed .active-indicator,.sidebar.closed .logo-text-group,.sidebar.closed .business-id{display:none}.sidebar-business{padding:.75rem;border-top:1px solid #edf0f4}.business-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;border:1px solid #edf0f4}.business-avatar-badge{width:40px;height:40px;background:#ff7e15;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;flex-shrink:0}.business-info{flex:1;min-width:0}.business-name{font-weight:600;color:#0f172a;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.business-id{font-size:.7rem;color:#94a3b8;margin-top:1px}.sidebar-footer{padding:.75rem;border-top:1px solid #edf0f4}.sidebar-item.logout{color:#ef4444;margin-bottom:0}.sidebar-item.logout:hover{background:#fef2f2;color:#dc2626}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.top-bar{background:#fff;border-bottom:1px solid #edf0f4;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.top-bar-left{flex:0 1 auto;min-width:0}.breadcrumb{display:flex;align-items:center;gap:6px;margin-bottom:4px}.breadcrumb-item{font-size:.75rem;color:#94a3b8;font-weight:500}.breadcrumb-item.current{color:#4285f4}.breadcrumb-divider{font-size:.7rem;color:#cbd5e1}.page-title-section h1{font-size:1.35rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.03em}.page-subtitle{font-size:.8rem;color:#94a3b8;margin:2px 0 0;font-weight:400}.top-bar-center{flex:1;max-width:360px}.search-bar{position:relative}.search-bar input{width:100%;padding:.625rem 1rem .625rem 2.5rem;border:1.5px solid #edf0f4;border-radius:10px;font-size:.85rem;outline:none;transition:all .2s;background:#f8fafc;font-family:Inter,sans-serif;color:#0f172a}.search-bar input:focus{border-color:#4285f4;box-shadow:0 0 0 3px #4285f414;background:#fff}.search-bar input::placeholder{color:#94a3b8}.search-icon-svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.top-bar-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.date-display{font-size:.75rem;color:#94a3b8;font-weight:500;white-space:nowrap;display:none}@media(min-width:1200px){.date-display{display:inline}}.notification-btn,.profile-btn{width:38px;height:38px;border-radius:10px;border:1.5px solid #edf0f4;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative;color:#64748b}.notification-btn:hover,.profile-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.notification-badge{position:absolute;top:-3px;right:-3px;width:16px;height:16px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:#fff;border:2px solid white}.profile-btn-circle{width:38px;height:38px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s}.profile-btn-circle:hover{background:#2563eb;transform:scale(1.05)}.sub-tab-bar{background:#fff;border-bottom:1px solid #edf0f4;padding:0 1.5rem;overflow-x:auto}.sub-tab-container{display:flex;gap:0;width:100%}.sub-tab-item{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.125rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;letter-spacing:-.01em;flex:1;min-width:fit-content}.sub-tab-item:hover{color:#1e293b;background:#f8fafc}.sub-tab-item.active{color:#4285f4;border-bottom-color:#4285f4;background:transparent;font-weight:600}.content-wrapper{flex:1;overflow-y:auto;background:#f5f7fa}.content-inner{padding:2rem;max-width:1400px;margin:0 auto}.home-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.welcome-hero{margin-bottom:2.5rem}.welcome-hero h2{font-size:1.8rem;font-weight:700;color:#0f172a;margin-bottom:.75rem}.welcome-hero p{font-size:1.1rem;color:#64748b}.welcome-info-box{max-width:600px;padding:2rem;background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;color:#1e40af;font-size:.95rem;line-height:1.6}.statistics-page{display:flex;flex-direction:column;gap:1.5rem}@media(max-width:1024px){.sidebar{width:72px}.sidebar .item-label,.sidebar .active-indicator,.sidebar .logo-text,.sidebar .business-card{display:none}.sidebar-item{justify-content:center;padding:.75rem}.top-bar{padding:.875rem 1rem}.content-inner{padding:1rem}}@media(max-width:768px){.top-bar{flex-direction:column;align-items:stretch;gap:.75rem}.top-bar-left,.top-bar-center{max-width:100%}.top-bar-right{justify-content:flex-end}.sub-tab-bar{padding:0 1rem}}.search-bar-container{position:relative;width:100%}.clear-search{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.clear-search:hover{color:#ef4444}.search-results-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border:1px solid #edf0f4;z-index:1000;padding:.5rem;overflow:hidden}.search-results-header{padding:.5rem .75rem;font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.search-result-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.search-result-item:hover{background:#f8fafc}.result-icon{width:32px;height:32px;background:#eff6ff;color:#4285f4;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.result-info{flex:1;min-width:0}.result-label{font-size:.875rem;font-weight:600;color:#1e293b}.result-path{font-size:.75rem;color:#94a3b8;margin-top:2px}.search-no-results{padding:1.5rem;text-align:center;color:#64748b;font-size:.875rem}.search-overlay{position:fixed;inset:0;z-index:990;background:transparent}.menu-manager-new{width:100%;padding:0}.manager-tabs{display:flex;gap:0;width:100%;margin-bottom:1.25rem;border-bottom:1.5px solid #edf0f4}.tab-btn{background:transparent;border:none;padding:1.25rem 2rem;font-size:.95rem;font-weight:600;color:#64748b;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease;font-family:DM Sans,sans-serif;flex:1;display:flex;justify-content:center}.tab-btn:hover{color:#3b82f6;background:#f8fafc}.tab-btn.active{color:#2563eb;border-bottom-color:#2563eb;background:#fff}.sub-tabs{display:flex;gap:.25rem;margin-bottom:1.5rem;background:#f1f5f9;padding:6px;border-radius:12px;border:1px solid #edf0f4;width:100%}.sub-tab{background:transparent;border:none;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#64748b;cursor:pointer;border-radius:8px;transition:all .2s;font-family:Inter,sans-serif;flex:1;display:flex;justify-content:center}.sub-tab:hover{background:#fff;color:#1e293b}.sub-tab.active{background:#fff;color:#4285f4;box-shadow:0 1px 3px #00000014;font-weight:600}.manager-content{background:#fff;border-radius:14px;padding:1.5rem;border:1px solid #edf0f4}.menu-editor{width:100%}.menu-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.menu-header h2{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0 0 .25rem;letter-spacing:-.02em}.subtitle{color:#94a3b8;font-size:.85rem;margin:0}.btn-add-primary{background:#2563eb;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;font-size:.9rem;box-shadow:0 4px 12px #2563eb33}.btn-add-primary:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 16px #2563eb4d}.modal-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.menu-modal-content{background:#fff;width:100%;max-width:900px;max-height:90vh;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.modal-header-premium{padding:1.5rem 2rem;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.modal-title-group h3{font-size:1.25rem;font-weight:800;color:#0f172a;margin:0}.modal-title-group p{font-size:.875rem;color:#3b82f6;font-weight:600;margin:4px 0 0}.btn-close-modal{background:#f1f5f9;border:none;color:#64748b;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.modal-body-scroll{flex:1;overflow-y:auto;padding:2rem;background:#fafbfc}.modal-form-grid{display:grid;grid-template-columns:320px 1fr;gap:2.5rem}.form-column{display:flex;flex-direction:column;gap:1.5rem}.premium-input,.premium-select,.premium-textarea{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:.75rem 1rem;font-size:.95rem;color:#0f172a;transition:all .2s;width:100%}.premium-input:focus,.premium-select:focus,.premium-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.form-row{display:flex;gap:1rem}.flex-2{flex:2}.flex-1{flex:1}.form-section-title{font-size:.75rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-top:1rem;padding-bottom:.5rem;border-bottom:1.5px solid #f1f5f9}.label-with-hint{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.ratio-toggle{display:flex;background:#f1f5f9;padding:3px;border-radius:8px;gap:2px}.ratio-toggle button{border:none;background:transparent;padding:4px 10px;font-size:.7rem;font-weight:700;color:#64748b;border-radius:6px;cursor:pointer}.ratio-toggle button.active{background:#fff;color:#3b82f6;box-shadow:0 2px 4px #0000000d}.product-photo-upload-container{background:#fff;border:2px dashed #e2e8f0;border-radius:16px;overflow:hidden;position:relative}.product-photo-upload-container.square{aspect-ratio:1/1}.product-photo-upload-container.rectangle{aspect-ratio:16/10}.photo-placeholder-premium{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;gap:.75rem}.photo-preview-premium{width:100%;height:100%}.photo-preview-premium img{width:100%;height:100%;object-fit:cover}.photo-actions{position:absolute;bottom:1rem;left:0;right:0;display:flex;justify-content:center;gap:.5rem}.btn-photo-action{background:#0f172acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border:none;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.dietary-tags-selector{display:flex;gap:.75rem;margin-top:.75rem}.diet-tag{flex:1;background:#fff;border:1.5px solid #e2e8f0;padding:.6rem;border-radius:10px;font-size:.85rem;font-weight:700;color:#64748b;cursor:pointer;transition:all .2s}.diet-tag.active{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.tags-container-premium,.sizes-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.premium-tag{background:#f1f5f9;color:#475569;padding:4px 10px;border-radius:8px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:6px}.size-pill-premium{background:#fff;border:1px solid #e2e8f0;padding:4px 12px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:.85rem}.modal-footer-premium{padding:1.5rem 2rem;background:#fff;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.btn-primary-premium{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border:none;padding:.875rem 2rem;border-radius:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;box-shadow:0 10px 15px -3px #0f172a40;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary-premium:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0f172a59;filter:brightness(1.1)}.btn-secondary-premium{background:#f8fafc;border:1.5px solid #e2e8f0;color:#64748b;padding:.875rem 1.5rem;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-secondary-premium:hover{background:#f1f5f9;border-color:#cbd5e1;color:#334155}.btn-input-add{background:#3b82f6;color:#fff;border:none;width:44px;height:44px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 6px -1px #3b82f633}.btn-input-add:hover{background:#2563eb;transform:scale(1.05) rotate(90deg);box-shadow:0 10px 15px -3px #3b82f64d}.btn-add-size-premium{background:#eff6ff;color:#3b82f6;border:1.5px solid #dbeafe;padding:0 1.5rem;border-radius:12px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-add-size-premium:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.toggle-switch-premium{position:relative;display:inline-block;width:48px;height:24px}.menu-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.menu-table{width:100%;border-collapse:collapse}.menu-table th{padding:1.25rem 1rem;background:#fff;color:#0f172a;font-weight:700;font-size:.85rem;text-align:left;border-bottom:2px solid #f1f5f9}.menu-table td{padding:1.25rem 1rem;vertical-align:middle;border-bottom:1px solid #f1f5f9}.item-photo-box{width:64px;height:64px;background:#f1f5f9;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.item-photo-box img{width:100%;height:100%;object-fit:cover}.item-name-cell strong{display:block;font-size:.95rem;color:#0f172a;margin-bottom:4px}.item-name-cell p{font-size:.8rem;color:#64748b;margin:0}.category-pill{background:#f8fafc;border:1px solid #e2e8f0;color:#475569;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.price-info{display:flex;flex-direction:column;gap:2px}.size-price-line{font-size:.825rem;color:#64748b}.size-p{font-weight:700;color:#0f172a;margin-left:4px}.price-value{font-weight:700;color:#0f172a;font-size:.95rem}.allergen-pills,.tag-pills{display:flex;flex-wrap:wrap;gap:4px}.pill-allergen{background:#fff7ed;color:#f97316;padding:3px 10px;border-radius:6px;font-size:.725rem;font-weight:700}.pill-vegan{background:#f0fdf4;color:#16a34a;padding:3px 10px;border-radius:6px;font-size:.725rem;font-weight:700}.pill-vegetarian{background:#f0fdfa;color:#0d9488;padding:3px 10px;border-radius:6px;font-size:.725rem;font-weight:700}.pill-gluten-free{background:#fdf2f8;color:#db2777;padding:3px 10px;border-radius:6px;font-size:.725rem;font-weight:700}.prep-time{font-size:.85rem;color:#64748b;font-weight:600}.item-actions{display:flex;gap:8px}.btn-table-action{background:transparent;border:1px solid #e2e8f0;color:#64748b;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-table-action:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.info-box-hint{margin-top:1.5rem;background:#eff6ff;border:1px solid #dbeafe;padding:1rem 1.5rem;border-radius:12px;color:#1e40af;font-size:.9rem}.venue-editor{width:100%}.venue-header{margin-bottom:2rem}.venue-header h2{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.venue-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;margin-bottom:1.5rem}.venue-card h3{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0 0 1.25rem}.venue-card-subtitle{font-size:.9rem;color:#64748b;margin:-.75rem 0 1.5rem}.venue-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.venue-form-group{display:flex;flex-direction:column;gap:8px}.venue-form-group.full-width{grid-column:1 / -1}.venue-form-group label{font-size:.85rem;font-weight:700;color:#0f172a}.venue-form-group input,.venue-select,.venue-textarea{background:#f1f5f9;border:none;border-radius:10px;padding:.875rem 1.25rem;font-size:.95rem;color:#0f172a;font-family:inherit}.venue-profile-container{display:flex;align-items:center;gap:2rem;padding:1rem 0}.venue-profile-preview{width:120px;height:120px;border-radius:60px;background:#f1f5f9;border:3px solid #fff;box-shadow:0 4px 12px #00000014;position:relative;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center}.venue-profile-preview img{width:100%;height:100%;object-fit:cover}.profile-placeholder{display:flex;align-items:center;justify-content:center}.profile-overlay{position:absolute;bottom:0;left:0;right:0;height:35%;background:#0006;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s}.venue-profile-preview:hover .profile-overlay{background:#0009}.venue-profile-info{flex:1}.venue-profile-info .hint{font-size:.85rem;color:#64748b;margin-top:.75rem}.btn-venue-action{background:#4285f4;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-venue-action:hover{background:#1a73e8}.venue-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.venue-gallery-item{aspect-ratio:4/3;background:#f8fafc;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.venue-gallery-item.placeholder{border:2px dashed #cbd5e1;background:#f1f5f9}.venue-gallery-item.add-photo{border:2px dashed #94a3b8;flex-direction:column;gap:8px;cursor:pointer;color:#64748b}.venue-gallery-item.add-photo span{font-size:.85rem;font-weight:600}.venue-gallery-item img{width:100%;height:100%;object-fit:cover}.card-header-with-icon{display:flex;align-items:center;gap:10px;margin-bottom:1.5rem}.card-header-with-icon h3{margin-bottom:0}.card-header-with-icon svg{color:#0f172a;opacity:.7}.venue-card-actions-right{display:flex;justify-content:flex-end;margin-top:1.5rem}.btn-venue-action-black{background:#0f172a;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s}.venue-hour-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #f1f5f9}.day-label{font-weight:600;color:#0f172a;width:100px}.hour-controls{display:flex;align-items:center;gap:1rem}.hour-input{background:#f1f5f9;border:none;border-radius:6px;padding:6px 12px;width:70px;text-align:center;font-size:.9rem;color:#64748b}.venue-facilities-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.facility-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.facility-info{display:flex;align-items:center;gap:12px}.facility-icon-box{width:40px;height:40px;background:#eff6ff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.facility-name{font-weight:700;color:#0f172a}.venue-tags-grid{display:flex;flex-wrap:wrap;gap:.75rem}.tag-chip{background:#fff;border:1px solid #e2e8f0;color:#64748b;padding:.6rem 1.25rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.tag-chip.active{background:#2563eb;color:#fff;border-color:#2563eb}@media(max-width:1024px){.form-grid{grid-template-columns:1fr}.menu-table-container{overflow-x:auto}.menu-table{min-width:1000px}}.form-section-divider{font-size:.8rem;font-weight:700;color:#4285f4;text-transform:uppercase;letter-spacing:.1em;margin:1.5rem 0 1rem;padding-bottom:.5rem;border-bottom:1px dashed #e2e8f0}.tag-input-wrapper{display:flex;gap:.5rem}.btn-add-tag{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;width:40px;border-radius:8px;cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-add-tag:hover{background:#e2e8f0;color:#0f172a}.tags-display{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag-badge{background:#eff6ff;color:#2563eb;padding:2px 8px;border-radius:6px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:4px}.tag-badge svg{cursor:pointer}.size-price-inputs{display:flex;gap:.5rem;margin-bottom:.5rem}.size-price-inputs input{flex:1}.btn-add-size{background:#4285f4;color:#fff;border:none;padding:0 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-add-size:hover{background:#1a73e8}.sizes-list{display:flex;flex-wrap:wrap;gap:.5rem}.size-item{background:#f8fafc;border:1px solid #e2e8f0;padding:4px 10px;border-radius:8px;font-size:.8rem;display:flex;align-items:center;gap:8px}.size-item span strong{color:#0f172a}.sizes-col{display:flex;flex-direction:column;gap:4px;min-width:140px}.size-price-row{font-size:.75rem;display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #f8fafc;padding-bottom:2px}.size-price-row:last-child{border-bottom:none}.s-n{color:#64748b}.s-p{font-weight:700;color:#0f172a}.calories-info{font-size:.8rem;font-weight:700;color:#475569}.allergens-col{display:flex;flex-wrap:wrap;gap:4px;max-width:120px}.allergen-tag{background:snow;color:#b91c1c;border:1px solid #fee2e2;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:700}.category-badge{background:#f8fafc;color:#475569;border:1px solid #e2e8f0;padding:4px 10px;border-radius:100px;font-size:.75rem;font-weight:600}.badges-section-container{width:100%}.badges-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.badge-selection-counter{background:#fff;border:1px solid #e2e8f0;padding:.75rem 1.25rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 8px #0000000a}.count-num{font-size:1.25rem;font-weight:800;color:#2563eb}.count-num.limit{color:#dc2626}.count-lbl{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase}.badge-type-filters{display:flex;gap:.5rem;margin-bottom:2rem;background:#f1f5f9;padding:6px;border-radius:12px;width:fit-content}.badge-type-filters button{background:transparent;border:none;padding:.6rem 1.25rem;font-weight:600;font-size:.85rem;color:#64748b;cursor:pointer;border-radius:8px;transition:all .2s}.badge-type-filters button.active{background:#fff;color:#2563eb;box-shadow:0 2px 6px #0000000f}.badge-msg-banner{padding:1rem 1.25rem;border-radius:12px;margin-bottom:2rem;font-size:.9rem;font-weight:600;animation:badgeSlideIn .3s ease}@keyframes badgeSlideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.badge-msg-banner.success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.badge-msg-banner.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.badges-flex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem}.badge-item-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;display:flex;gap:1.25rem;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.badge-item-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.badge-item-card.active{border-color:#2563eb;background:#eff6ff}.badge-item-card.locked{opacity:.7;background:#f8fafc}.badge-card-icon-area{display:flex;flex-direction:column;align-items:center;gap:12px}.badge-emoji{font-size:2.5rem}.badge-type-tag{padding:2px 8px;border-radius:6px;font-size:.7rem;font-weight:800;text-transform:uppercase}.badge-type-tag.selection{background:#f0fdfa;color:#0d9488}.badge-type-tag.application{background:#eff6ff;color:#2563eb}.badge-type-tag.automatic{background:#f8fafc;color:#64748b}.badge-card-info h3{font-size:1rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.badge-card-info p{font-size:.85rem;color:#64748b;margin:0 0 1rem;line-height:1.5}.badge-req-status{font-size:.75rem;font-weight:700;margin-bottom:1rem;padding:4px 8px;border-radius:6px;display:inline-block}.badge-req-status.ok{background:#f0fdf4;color:#16a34a}.badge-req-status.nok{background:#fcfaf0;color:#854d0e}.badge-card-actions{display:flex;align-items:center;gap:10px}.btn-badge-apply{background:#2563eb;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:700;font-size:.8rem;cursor:pointer}.badge-status-info{font-size:.8rem;font-weight:700;color:#64748b}.badge-status-info.active{color:#2563eb}.badge-footer-actions{display:flex;justify-content:center;padding:2rem 0;border-top:1px solid #f1f5f9}.btn-save-badges-main{background:#0f172a;color:#fff;border:none;padding:1rem 3rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0000001a}.btn-save-badges-main:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #00000026;background:#1e293b}.btn-save-badges-main:disabled{opacity:.6;cursor:not-allowed}.badges-flex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.badge-item-card-v2{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s ease;cursor:pointer;height:100%}.badge-item-card-v2:hover{transform:translateY(-3px);border-color:#93c5fd;box-shadow:0 8px 16px #0000000f}.badge-item-card-v2.active{border-color:#2563eb;background:#f0f7ff;box-shadow:0 0 0 3px #2563eb1a}.badge-item-card-v2.locked{opacity:.6;background:#fafafa}.badge-v2-icon-wrapper{width:88px;height:88px;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;position:relative;background:#f8fafc;border-radius:50%;border:2px solid #e2e8f0;box-shadow:0 2px 6px #0000000a;flex-shrink:0}.badge-v2-img{width:70%;height:70%;object-fit:contain}.badge-item-card-v2.locked .badge-v2-img{filter:grayscale(1) opacity(.4)}.badge-v2-lock-overlay{position:absolute;top:-3px;right:-3px;background:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a;font-size:.6rem;border:1px solid #e2e8f0}.badge-v2-content{display:flex;flex-direction:column;align-items:center;width:100%;flex:1}.badge-v2-title{font-size:.85rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.badge-v2-desc-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:.5rem .6rem;width:100%;margin-bottom:.6rem;flex:1;display:flex;align-items:center;justify-content:center}.badge-v2-desc{font-size:.72rem;color:#64748b;margin:0;line-height:1.35}.badge-v2-status-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:100px;font-size:.65rem;font-weight:700;margin-bottom:.5rem}.badge-v2-status-pill .dot{width:5px;height:5px;border-radius:50%;background:currentColor}.badge-v2-status-pill.eligible{background:#dcfce7;color:#15803d}.badge-v2-status-pill.not-eligible{background:#fee2e2;color:#b91c1c}.badge-v2-footer{margin-top:auto;width:100%}.badge-v2-placeholder{font-size:1.8rem}.btn-v2-apply{background:#2563eb;color:#fff;border:none;padding:6px 16px;border-radius:8px;font-weight:700;font-size:.75rem;cursor:pointer;width:100%}.status-v2-label{font-size:.7rem;font-weight:700;padding:5px 10px;border-radius:6px;display:block;text-align:center}.status-v2-label.active{background:#2563eb;color:#fff}.status-v2-label.pending{background:#f59e0b;color:#fff}.status-v2-label.available{color:#94a3b8;border:1px solid #e2e8f0}.product-photo-group{grid-column:span 1}.product-photo-upload{height:100%}.photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#f1f5f9;border:2px dashed #cbd5e1;border-radius:12px;height:120px;cursor:pointer;color:#64748b;transition:all .2s}.photo-placeholder:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.photo-preview{position:relative;width:100%;height:120px;border-radius:12px;overflow:hidden;border:1.5px solid #e2e8f0}.photo-preview img{width:100%;height:100%;object-fit:cover}.remove-photo{position:absolute;top:6px;right:6px;background:#0f172abf;color:#fff;border:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s}.remove-photo:hover{background:#ef4444}.animate-spin{animation:spin 1s linear infinite}.color-primary{color:#2563eb}.venue-gallery-item.add-photo{transition:all .2s}.venue-gallery-item.add-photo:hover{border-color:#2563eb;background:#eff6ff;color:#2563eb}.venue-gallery-item.add-photo:hover span{color:#2563eb}.allergen-tag-styled{background:#fff7ed;color:#c2410c;padding:4px 10px;border-radius:8px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:6px;border:1px solid #ffedd5}.allergen-tag-styled svg{cursor:pointer;opacity:.6}.allergen-tag-styled svg:hover{opacity:1}.business-management{width:100%;height:100%}.current-plan-banner{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;padding:1.5rem 2rem;margin-bottom:2rem;display:flex;align-items:center;gap:1.5rem}.plan-badge-icon{width:48px;height:48px;background:#3b82f6;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f64d}.current-plan-banner .plan-info h3{font-size:1.15rem;font-weight:700;color:#1e3a8a;margin:0}.current-plan-banner .plan-info p{font-size:.9rem;color:#60a5fa;margin:.25rem 0 0;font-weight:500}.plan-banner-right{display:flex;align-items:center;gap:1rem}.plan-renewal{font-size:.8rem;color:#64748b;font-weight:500}.btn-manage{background:#4285f4;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:10px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;white-space:nowrap;font-family:Inter,sans-serif}.btn-manage:hover{background:#1a73e8;transform:translateY(-1px);box-shadow:0 4px 12px #4285f440}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-top:1rem}.plan-card{border:1px solid #e2e8f0;border-radius:16px;padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease;position:relative;background:#fff}.opacity-muted{opacity:.7}.card-coming-soon{position:absolute;top:1rem;right:1rem;background:#f1f5f9;color:#64748b;padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:600}.current-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 14px;border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.plan-icon-large{width:56px;height:56px;background:#f8fafc;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.plan-current .plan-icon-large{background:#eff6ff}.plan-card h3{font-size:1.2rem;font-weight:700;color:#0f172a;margin:0 0 .25rem;letter-spacing:-.02em}.plan-description{color:#94a3b8;font-size:.85rem;margin:0 0 1rem}.plan-price{display:flex;align-items:baseline;gap:2px;margin:0 0 1.25rem}.plan-price .price{font-size:2rem;font-weight:800;color:#0f172a;letter-spacing:-.04em}.plan-price .period{font-size:.95rem;color:#94a3b8;font-weight:500}.plan-features{list-style:none;padding:0;margin:0 0 1.5rem;flex:1;width:100%}.plan-features li{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;color:#475569;font-size:.85rem;text-align:left}.check-icon{color:#10b981;flex-shrink:0}.plan-status-text{font-size:.9rem;color:#94a3b8;margin-bottom:2rem}.btn-plan{width:100%;padding:.75rem;border:1px solid #e2e8f0;background:#fff;color:#0f172a;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-plan.disabled{cursor:default;background:#fff;color:#94a3b8;border-color:#f1f5f9}@media(max-width:768px){.current-plan-banner{flex-direction:column;align-items:flex-start;padding:1.25rem}.plan-banner-right{flex-direction:column;align-items:flex-start;gap:.75rem}.btn-manage{width:100%;justify-content:center}.plans-grid{grid-template-columns:1fr}}.invoice-history{width:100%}.invoice-header{margin-bottom:2rem}.invoice-header h2{font-size:1.4rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.invoice-header .subtitle{color:#94a3b8;font-size:.9rem;margin:0}.btn-download-all{background:#fff;border:2px solid #4285f4;color:#4285f4;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.btn-download-all:hover{background:#4285f4;color:#fff}.invoice-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.invoice-table{width:100%;border-collapse:collapse}.invoice-table thead{background:#f9fafb}.invoice-table th{padding:1.25rem 1.5rem;text-align:left;font-weight:600;color:#0f172a;font-size:.85rem;border-bottom:1px solid #f1f5f9}.invoice-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s}.invoice-table tbody tr:hover{background:#f9fafb}.invoice-table td{padding:1.25rem 1.5rem;color:#334155;font-size:.95rem;vertical-align:middle}.invoice-description-cell{display:flex;flex-direction:column;gap:4px}.desc-text{font-weight:700;color:#0f172a}.amount-text{font-size:.85rem;color:#94a3b8;font-weight:500}.btn-download-action{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:1px solid #e2e8f0;color:#0f172a;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-download-action:hover{background:#f8fafc;border-color:#cbd5e1}@media(max-width:1024px){.invoice-table-container{overflow-x:auto}.invoice-table{min-width:800px}}.agreements-list{width:100%}.agreements-header{margin-bottom:2rem}.agreements-header h2{font-size:1.4rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.agreements-header .subtitle{color:#94a3b8;font-size:.9rem;margin:0}.agreements-grid{display:grid;gap:1rem}.agreement-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem 2rem;display:flex;align-items:center;gap:1.5rem;transition:all .2s}.agreement-icon-box{width:48px;height:48px;background:#eff6ff;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.agreement-content{flex:1}.agreement-content h3{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0 0 .4rem}.agreement-meta{display:flex;gap:1rem;align-items:center}.agreement-date{color:#94a3b8;font-size:.85rem;font-weight:500}.agreement-type-badge{background:#f1f5f9;color:#0f172a;padding:3px 10px;border-radius:6px;font-size:.75rem;font-weight:700}.agreement-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.status-badge-green{color:#10b981;font-size:.85rem;font-weight:700;margin-right:1rem}.btn-secondary{padding:.6rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s;background:#fff;border:1px solid #e2e8f0;color:#0d1e4c}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}@media(max-width:768px){.agreement-card{flex-direction:column;align-items:flex-start}.agreement-actions{width:100%;justify-content:flex-end}}.support-center{width:100%;margin:0 auto}.support-sections{display:flex;flex-direction:column;gap:2rem}.section-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;margin-bottom:1.5rem}.section-card.no-border{border:none;background:transparent;padding:2.5rem 0;box-shadow:none}.header-text-simple{margin-bottom:2rem}.header-text-simple h3{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0}.header-text-simple .subtitle{font-size:.95rem;color:#94a3b8;margin-top:.25rem}.written-form .form-group{position:relative;margin-bottom:1.5rem}.support-textarea{width:100%;padding:1.25rem;border:2px solid #e2e8f0;border-radius:15px;font-size:1rem;font-family:inherit;resize:vertical;transition:all .2s;background:#f8fafc}.support-textarea:focus{outline:none;border-color:#4299e1;background:#fff;box-shadow:0 0 0 4px #4299e126}.char-counter{text-align:right;font-size:.875rem;color:#a0aec0;margin-top:.5rem}.at-limit{color:#e53e3e;font-weight:600}.btn-submit-support{display:flex;align-items:center;gap:.75rem;background:#8fa6ff;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-submit-support:hover{background:#7a94ff}.btn-call-request-large{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;background:#fff;color:#0f172a;border:1px solid #e2e8f0;padding:1rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-call-request-large:hover{background:#f8fafc}.faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.25rem 1.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:15px;text-align:left;cursor:pointer;transition:all .2s}.faq-item:hover{background:#f8fafc;border-color:#cbd5e0;transform:translate(4px)}.faq-question{font-size:1.05rem;font-weight:500;color:#4a5568}.faq-chevron{color:#cbd5e0;transition:transform .2s}.faq-item:hover .faq-chevron{color:#718096;transform:translate(2px)}.call-request-action-group{display:flex;flex-direction:column;gap:1.5rem}.small-margin{margin-bottom:.5rem}.support-faq-section{margin-top:1rem;padding:2rem 0}.faq-header{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.faq-header h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.faq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.faq-item-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;transition:all .3s ease}.faq-item-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px -5px #0000000d;border-color:#3b82f6}.faq-item-card h4{font-size:1.1rem;font-weight:700;color:#334155;margin-bottom:.75rem;line-height:1.4}.faq-item-card p{font-size:.95rem;color:#64748b;line-height:1.6;margin:0}@media(max-width:640px){.section-card{padding:1.5rem}.header-text h3{font-size:1.25rem}.checkbox-container{font-size:1rem}}.personnel-management{width:100%}.personnel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.personnel-header h2{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0 0 .5rem}.personnel-header .subtitle{color:#6b7280;font-size:.9rem;margin:0}.btn-add-personnel{background:#4285f4;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.btn-add-personnel:hover{background:#1976d2;transform:translateY(-2px);box-shadow:0 4px 12px #4285f44d}.personnel-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.personnel-table{width:100%;border-collapse:collapse}.personnel-table thead{background:#f9fafb}.personnel-table th{padding:1rem;text-align:left;font-weight:600;color:#6b7280;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.personnel-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s}.personnel-table tbody tr:hover{background:#f9fafb}.personnel-table td{padding:1.25rem 1rem;color:#1f2937;font-size:.95rem}.person-name{font-weight:600;color:#1a1a1a}.person-email{color:#6b7280}.role-badge{background:#e3f2fd;color:#1976d2;padding:.35rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600}.permissions-cell{display:flex;flex-wrap:wrap;gap:.5rem}.permission-tag{background:#f3f4f6;color:#4b5563;padding:.3rem .7rem;border-radius:6px;font-size:.8rem;font-weight:500}.status-badge{padding:.4rem .9rem;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-block}.status-inactive{background:#f3f4f6;color:#6b7280}.btn-edit,.btn-delete{padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-edit{background:#fff;border:1px solid #d1d5db;color:#6b7280}.btn-edit:hover{background:#f3f4f6;border-color:#9ca3af;color:#1f2937}.btn-delete{background:#fff;border:1px solid #fecaca;color:#dc2626}.btn-delete:hover{background:#fee2e2;border-color:#f87171}.permissions-info{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.permissions-info h3{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin:0 0 1.5rem}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.permission-card{background:#f9fafb;border:1px solid #e8ecf1;border-radius:10px;padding:1.25rem}.permission-card h4{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem}.permission-card p{color:#6b7280;font-size:.9rem;margin:0;line-height:1.5}@media(max-width:1024px){.personnel-table-container{overflow-x:auto}.personnel-table{min-width:900px}}.review-management-container{display:flex;flex-direction:column;gap:24px;padding-bottom:40px}.review-stats-grid{display:grid;grid-template-columns:280px 1fr;gap:20px}.stat-card{background:var(--surface);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border);display:flex;align-items:center;gap:20px;box-shadow:var(--shadow-sm)}.stat-card.main-avg{background:linear-gradient(135deg,#fff,#fffbeb);border-color:#fef3c7}.stat-icon-bg{width:60px;height:60px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #f59e0b1a}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:32px;font-weight:800;color:var(--text);line-height:1.2}.stat-label{font-size:13px;color:var(--text-light);font-weight:500}.dist-bars{width:100%;display:flex;flex-direction:column;gap:6px}.dist-row{display:flex;align-items:center;gap:12px}.dist-label{width:24px;font-size:12px;font-weight:700;color:var(--text)}.dist-bar-track{flex:1;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.dist-bar-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:4px;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.dist-count{width:20px;font-size:12px;color:var(--text-light);text-align:right}.review-filters{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;background:var(--surface);padding:16px 20px;border-radius:var(--radius-md);border:1px solid var(--border)}.search-input-wrapper{flex:1;min-width:300px;position:relative}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-light);pointer-events:none}.search-input-wrapper input{width:100%;padding:10px 10px 10px 40px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:14px;transition:all .2s}.search-input-wrapper input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-lighter)}.filter-group{display:flex;gap:12px}.select-wrapper{position:relative;display:flex;align-items:center;gap:8px;background:var(--background);padding:0 12px;border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-light)}.select-wrapper select{appearance:none;border:none;background:transparent;padding:10px 24px 10px 0;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;outline:none}.reviews-list-premium{display:grid;gap:16px}.review-card-premium{background:var(--surface);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border);transition:transform .2s,box-shadow .2s;position:relative}.review-card-premium:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.review-card-premium.liked{border-color:var(--primary-lighter);background:linear-gradient(to bottom right,#fff,#f0f9ff)}.review-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.user-info{display:flex;align-items:center;gap:14px}.user-avatar-placeholder{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;box-shadow:0 4px 10px #6366f133}.user-meta h3{font-size:16px;font-weight:700;color:var(--text);margin:0 0 4px}.stars-row{display:flex;align-items:center;gap:8px}.date-text{font-size:12px;color:var(--text-light);margin-left:4px}.owner-liked-badge,.reported-badge{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:6px}.owner-liked-badge{background:#ecfdf5;color:#10b981}.reported-badge{background:#fef2f2;color:#ef4444}.review-body{font-size:.9375rem;color:#475569;line-height:1.6;margin-bottom:1.25rem}.review-card-footer{display:flex;gap:.75rem;padding-top:1.25rem;border-top:1px solid #f1f5f9}.action-btn{display:flex;align-items:center;gap:.5rem;background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.action-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.action-btn.active{background:#eff6ff;border-color:#4285f4;color:#4285f4}.action-btn.report.active{background:#fef2f2;border-color:#fecaca;color:#ef4444;cursor:not-allowed}.action-btn.report:hover{background:#fef2f2;color:#dc2626;border-color:#fca5a5}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;width:100%;max-width:500px;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-xl)}.modal-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:18px;font-weight:700;margin:0}.modal-header button{background:none;border:none;font-size:24px;color:#94a3b8;cursor:pointer}.modal-body{padding:20px}.modal-body p{font-size:14px;color:var(--text-light);margin-bottom:12px}.modal-body textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;resize:none}.modal-footer{padding:16px 20px;background:#f8fafc;display:flex;justify-content:flex-end;gap:12px}.btn-secondary{padding:10px 20px;border-radius:8px;background:#fff;border:1px solid #ddd;font-weight:600;cursor:pointer}.btn-danger{padding:10px 20px;border-radius:8px;background:#dc2626;border:none;color:#fff;font-weight:600;cursor:pointer}.btn-danger:disabled{background:#fca5a5}.animate-pop{animation:pop .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.empty-reviews-state{padding:60px;text-align:center;color:var(--text-light)}@media(max-width:768px){.review-stats-grid{grid-template-columns:1fr}.review-filters{flex-direction:column;align-items:stretch}.search-input-wrapper{min-width:auto}.filter-group{flex-direction:column}}.ads-visibility{width:100%}.campaigns-section{background:#fff;border:1px solid #edf0f4;border-radius:14px;padding:1.5rem;margin-bottom:1.5rem}.campaigns-section h2{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0 0 .25rem;letter-spacing:-.02em}.campaigns-table-wrapper{overflow-x:auto;border-radius:10px;border:1px solid #edf0f4}.campaigns-table th{text-align:left;padding:.75rem 1rem;background:#f8fafc;color:#64748b;font-size:.75rem;font-weight:600;border-bottom:1.5px solid #edf0f4;text-transform:uppercase;letter-spacing:.05em}.campaigns-table td{padding:1rem;border-bottom:1px solid #f1f5f9;font-size:.875rem}.campaigns-table tbody tr{transition:background .15s}.campaigns-table tbody tr:hover{background:#fafbfc}.campaign-name{font-weight:600;color:#0f172a}.campaign-type{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;color:#64748b}.budget-info{display:flex;flex-direction:column;gap:.2rem}.budget-label{font-size:.7rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;font-weight:600}.budget-value{font-weight:600;color:#0f172a;font-variant-numeric:tabular-nums}.budget-bar{width:100%;height:5px;background:#f1f5f9;border-radius:3px;overflow:hidden;margin:.2rem 0}.budget-fill{height:100%;background:linear-gradient(90deg,#4285f4,#1a73e8);border-radius:3px;transition:width .4s cubic-bezier(.4,0,.2,1)}.spend-label{font-size:.7rem;color:#94a3b8}.duration-info{display:flex;flex-direction:column;gap:.2rem}.duration-label{font-size:.8rem;color:#64748b}.days-left{font-size:.7rem;font-weight:600;color:#4285f4}.impressions-cell{font-weight:600;color:#0f172a;font-variant-numeric:tabular-nums}.clicks-info,.orders-info{display:flex;flex-direction:column;gap:.2rem}.clicks-value,.orders-value{font-weight:600;color:#0f172a;font-variant-numeric:tabular-nums}.ctr-value,.conversion-value{font-size:.7rem;color:#94a3b8}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;letter-spacing:.01em}.status-active{background:#ecfdf5;color:#059669}.status-planned{background:#eff6ff;color:#2563eb}.visibility-section{background:#fff;border:1px solid #edf0f4;border-radius:14px;padding:1.5rem}.visibility-section h2{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0 0 .25rem;letter-spacing:-.02em}.visibility-options{display:flex;flex-direction:column;gap:.625rem}.visibility-option{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#f8fafc;border-radius:10px;border:1px solid #edf0f4;transition:all .2s}.visibility-option:hover{background:#fff;box-shadow:0 2px 8px #0000000a}.option-info h4{font-size:.9rem;font-weight:600;color:#0f172a;margin:0 0 .2rem;letter-spacing:-.01em}.option-info p{font-size:.8rem;color:#64748b;margin:0}@media(max-width:768px){.campaigns-table-wrapper{overflow-x:scroll}.campaigns-table{min-width:900px}.visibility-option{flex-direction:column;align-items:flex-start;gap:.75rem}}.ads-tabs{display:flex;gap:8px;margin-bottom:24px;background:#f1f5f9;padding:6px;border-radius:12px;width:100%}.ads-tab{flex:1;padding:12px 20px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s;text-align:center}.ads-tab.active{background:#fff;color:var(--primary);box-shadow:0 2px 4px #0000000d}.ads-tab:hover:not(.active){background:#ffffff80;color:#475569}.slider-promotion{width:100%}.slider-promo-header{text-align:center;margin-bottom:32px}.promo-badge{display:inline-block;background:var(--primary);color:#fff;padding:4px 12px;border-radius:4px;font-size:11px;font-weight:800;margin-bottom:12px}.slider-promo-header h2{font-size:28px;font-weight:800;color:var(--text);margin:0 0 12px}.slider-promo-header p{font-size:16px;color:var(--text-light);max-width:600px;margin:0 auto}.promo-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}.info-card{display:flex;gap:16px;padding:20px;background:#f8fafc;border-radius:var(--radius-lg);border:1px solid var(--border-light)}.info-icon{width:40px;height:40px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:0 2px 4px #0000000d;flex-shrink:0}.info-text h4{margin:0 0 4px;font-size:15px;font-weight:700;color:var(--text)}.info-text p{margin:0;font-size:13px;color:var(--text-light);line-height:1.5}.slider-form{background:#fff;padding:32px;border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:24px}.category-selector{display:flex;gap:20px;margin-top:12px;width:100%}.cat-btn{flex:1;padding:24px;border:2px solid var(--border-light);background:#fff;border-radius:var(--radius-lg);font-weight:700;color:var(--text);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.cat-btn:hover{border-color:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.cat-btn.active{border-color:var(--primary);background:linear-gradient(135deg,var(--primary-lighter) 0%,#e0e7ff 100%);color:var(--primary-dark);box-shadow:0 4px 12px #6366f126}.form-group label{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;color:var(--text);margin-bottom:8px}.char-count{font-size:12px;font-weight:500;color:var(--text-light)}.slider-form textarea{width:100%;padding:16px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:15px;line-height:1.5;resize:none;transition:border-color .2s}.slider-form textarea:focus{outline:none;border-color:var(--primary)}.date-input-wrapper{position:relative;max-width:200px}.date-input-wrapper input{width:100%;padding:12px 44px 12px 16px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:15px}.input-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-light);pointer-events:none}.field-hint{margin:8px 0 0;font-size:12px;color:var(--text-light)}.submit-promo-btn{width:100%;padding:16px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.submit-promo-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.submit-promo-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.slider-success-state{text-align:center;padding:60px 20px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.success-icon-wrapper{margin-bottom:24px}.slider-success-state h2{font-size:24px;font-weight:800;color:var(--text);margin:0 0 12px}.slider-success-state p{color:var(--text-light);max-width:400px;margin:0 auto 24px;line-height:1.6}.loading-dots span{font-size:48px;color:var(--primary);animation:dots 1.5s infinite}@keyframes dots{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}.loading-dots span:nth-child(2){animation-delay:.5s}.loading-dots span:nth-child(3){animation-delay:1s}@media(max-width:600px){.promo-info-grid{grid-template-columns:1fr}}.campaigns-notifications{width:100%}.tabs-container{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e8ecf1}.tab-btn{padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#6b7280;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.tab-btn:hover{color:#1f2937;background:#f9fafb}.tab-btn.active{color:#4285f4;border-bottom-color:#4285f4}.tab-content{background:#fff;border:1px solid #e8ecf1;border-radius:16px;padding:2rem}.campaigns-tab h3{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0 0 .5rem}.tab-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.subtitle{font-size:.9rem;color:#6b7280;margin:0}.btn-create{background:linear-gradient(135deg,#4285f4,#1976d2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-create:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4285f44d}.campaign-form-card{background:#f9fafb;border:1px solid #e8ecf1;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.campaign-form-card h4{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin:0 0 1.5rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:600;color:#374151}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;outline:none;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.btn-cancel{padding:.75rem 1.5rem;background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.btn-submit{padding:.75rem 1.5rem;background:linear-gradient(135deg,#4285f4,#1976d2);border:none;border-radius:8px;font-size:.9rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4285f44d}.campaigns-table-wrapper{overflow-x:auto}.campaigns-table{width:100%;border-collapse:collapse}.campaigns-table th{text-align:left;padding:1rem;background:#f9fafb;color:#6b7280;font-size:.85rem;font-weight:600;border-bottom:2px solid #e8ecf1}.campaigns-table td{padding:1.25rem 1rem;border-bottom:1px solid #f3f4f6;font-size:.9rem}.campaigns-table tbody tr:hover{background:#f9fafb}.campaign-name{font-weight:600;color:#1a1a1a}.campaign-type-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:#f3f4f6;border-radius:6px;font-size:.8rem;font-weight:600;color:#6b7280}.offer-cell{font-weight:600;color:#4285f4}.duration-cell{font-size:.85rem;color:#6b7280}.views-cell,.usage-cell{font-weight:600;color:#1a1a1a}.status-badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600}.status-active{background:#d1fae5;color:#065f46}.status-planned{background:#dbeafe;color:#1e40af}.actions-cell{display:flex;gap:.5rem}.btn-icon-action{background:#f3f4f6;border:1px solid #e8ecf1;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s;font-size:1rem}.btn-icon-action:hover{background:#e8ecf1;transform:scale(1.1)}.announcements-tab h3,.push-tab h3{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0 0 .5rem}.announcement-form-card{background:#f9fafb;border:1px solid #e8ecf1;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.announcement-form-card h4{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin:0 0 1.5rem}.announcements-list{margin-top:2rem}.announcements-list h4{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin:0 0 1rem}.announcement-card{background:#fff;border:1px solid #e8ecf1;border-radius:12px;padding:1.5rem;margin-bottom:1rem;transition:all .2s}.announcement-card:hover{box-shadow:0 4px 12px #00000014}.announcement-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.announcement-header h5{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin:0}.announcement-message{font-size:.9rem;color:#6b7280;margin:0 0 1rem;line-height:1.5}.announcement-meta{display:flex;gap:1.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.meta-item{font-size:.85rem;color:#6b7280;display:flex;align-items:center;gap:.25rem}.announcement-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.announcement-stats .stat-item{display:flex;flex-direction:column;gap:.25rem}.announcement-stats .stat-label{font-size:.8rem;color:#9ca3af}.announcement-stats .stat-value{font-size:1.25rem;font-weight:700;color:#1a1a1a}.push-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.push-metric-card{background:#fff;border:1px solid #e8ecf1;border-radius:12px;padding:1.5rem;text-align:center}.push-metric-card h4{font-size:.9rem;font-weight:600;color:#6b7280;margin:0 0 .75rem}.push-metric-card .metric-value{font-size:2rem;font-weight:700;color:#1a1a1a}.push-history{margin-top:2rem}.push-history h4{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin:0 0 1rem}.push-notification-card{background:#fff;border:1px solid #e8ecf1;border-radius:12px;padding:1.5rem;margin-bottom:1rem}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.notification-header h5{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin:0 0 .5rem}.notification-message{font-size:.9rem;color:#6b7280;margin:0;line-height:1.5}.status-sent{background:#d1fae5;color:#065f46}.notification-meta{display:flex;gap:1.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.notification-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.notification-stats .stat-item{display:flex;flex-direction:column;gap:.25rem}.notification-stats .stat-label{font-size:.8rem;color:#9ca3af}.notification-stats .stat-value{font-size:1.25rem;font-weight:700;color:#1a1a1a}.coming-soon-placeholder{text-align:center;padding:4rem 2rem;color:#9ca3af}.coming-soon-placeholder p{font-size:1rem;margin:0}@media(max-width:768px){.tab-header{flex-direction:column;gap:1rem}.btn-create{width:100%}.campaigns-table-wrapper{overflow-x:scroll}.campaigns-table{min-width:900px}.form-row,.announcement-stats,.notification-stats{grid-template-columns:1fr}.push-metrics{grid-template-columns:repeat(2,1fr)}}.campaign-manager{width:100%}.campaign-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px;width:100%}.campaign-type-option{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:#fff;border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);width:100%}.campaign-type-option:hover{border-color:var(--primary-light);background:var(--primary-lighter)}.campaign-type-option.selected{border-color:var(--primary);background:linear-gradient(135deg,var(--primary-lighter) 0%,#e0e7ff 100%)}.campaign-type-option input{display:none}.type-icon{font-size:28px}.type-text{display:flex;flex-direction:column;align-items:center;gap:2px}.type-label{font-size:14px;font-weight:700;color:var(--text);text-align:center}.type-desc{font-size:11px;color:var(--text-light);text-align:center;line-height:1.2}.campaign-form{padding:28px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--radius-lg);margin-bottom:32px;display:flex;flex-direction:column;gap:24px;border:1px solid var(--border-light)}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.condition-templates{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:12px;background:#fff;border-radius:var(--radius-md);border:1px solid var(--border-light)}.condition-chip{padding:8px 14px;background:var(--primary-lighter);border:1px solid var(--primary-light);border-radius:var(--radius-full);font-size:13px;color:var(--primary-dark);cursor:pointer;transition:all .2s}.condition-chip:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.form-actions{margin-top:8px}.form-row{display:flex;gap:20px;width:100%}.form-group{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;flex:1!important;min-width:0!important}.label{font-size:14px!important;font-weight:600!important;color:var(--text)!important;display:inline-flex!important;align-items:center!important;gap:6px!important;text-align:left!important;margin-right:auto!important}.input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;transition:all .2s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-lighter);outline:none}.btn-lg{padding:16px 32px;font-size:16px}.campaigns-list{display:grid;gap:20px}.campaign-card{position:relative;padding:24px;background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all .3s;box-shadow:var(--shadow-sm)}.campaign-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.campaign-card.expired{opacity:.7;background:#f8f8f8}.campaign-status{position:absolute;top:16px;right:56px}.status-badge{padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-badge.expired{background:#f3f4f6;color:#9ca3af}.status-badge.upcoming{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.campaign-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.campaign-title-row{display:flex;align-items:center;gap:12px}.campaign-type-icon{font-size:24px}.campaign-header h3{font-size:18px;font-weight:700;color:var(--text);margin:0}.btn-delete{background:none;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:var(--radius-md);transition:all .2s;opacity:.6}.btn-delete:hover{background:#fee2e2;opacity:1}.campaign-description{color:var(--text);margin-bottom:16px;line-height:1.7;font-size:15px}.campaign-condition{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;background:#fef3c7;border-radius:var(--radius-md);margin-bottom:16px;font-size:14px;color:#92400e}.condition-icon{flex-shrink:0}.campaign-footer{display:flex;gap:10px;flex-wrap:wrap}.campaign-badge{display:inline-flex;align-items:center;padding:8px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:600}.campaign-badge.discount{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);color:#fff}.campaign-badge.minimum{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.campaign-date{display:inline-flex;align-items:center;padding:8px 14px;background:var(--background);color:var(--text);border-radius:var(--radius-full);font-size:13px;border:1px solid var(--border)}.empty-state{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--radius-lg);border:2px dashed var(--border)}.empty-icon{font-size:56px;margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:600;color:var(--text);margin:0 0 8px}.empty-subtitle{font-size:14px;color:var(--text-light);margin:0}@media(max-width:900px){.campaign-type-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.campaign-form{padding:20px}.campaign-type-grid{grid-template-columns:repeat(2,1fr)}.campaign-card{padding:20px}.campaign-header h3{font-size:16px}.campaign-status{position:static;margin-bottom:12px}}.badge-requirement-tag{display:inline-flex;align-items:center;gap:.4rem;background:#fef3c7;color:#92400e;font-size:.8rem;font-weight:600;padding:.4rem .8rem;border-radius:8px;margin-bottom:.8rem;border:1px solid #fde68a}.checkbox-label{display:flex;align-items:center;gap:.6rem;font-size:.95rem;color:#4b5563;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f3f4f6;padding:.6rem 1rem;border-radius:8px;width:100%;transition:all .2s}.checkbox-label:hover{background:#e5e7eb}.checkbox-label input[type=checkbox]{width:1.2rem;height:1.2rem;cursor:pointer;accent-color:#1a1a1a}.product-selection-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;padding:12px;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);max-height:200px;overflow-y:auto}.product-chip{padding:6px 14px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:var(--radius-full);font-size:13px;cursor:pointer;transition:all .2s}.product-chip:hover{background:#e5e7eb}.product-chip.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.campaign-card.promoted{border-color:#f59e0b;background:linear-gradient(to right,#fff,#fffbeb)}.promoted-badge{position:absolute;top:0;left:24px;transform:translateY(-50%);background:#f59e0b;color:#fff;padding:2px 12px;font-size:11px;font-weight:700;border-radius:4px;text-transform:uppercase}.type-label-small{font-size:12px;color:var(--text-light);font-weight:500}.campaign-actions-top{display:flex;gap:8px}.btn-promote{background:#fffbeb;border:1px solid #fde68a;font-size:18px;cursor:pointer;padding:8px;border-radius:var(--radius-md);transition:all .2s}.btn-promote:hover{background:#fef3c7;transform:scale(1.1)}.promote-cta{margin-top:20px;padding-top:20px;border-top:1px dashed var(--border);display:flex;justify-content:space-between;align-items:center}.promote-cta p{font-size:14px;color:var(--text-light);margin:0}.target-products,.gift-info{font-size:13px;margin-bottom:12px;color:var(--text)}.campaign-badges{display:flex;gap:8px}.campaign-badge.bogo{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.campaign-dates{margin-left:0}.verification-scanner-container{display:flex;justify-content:center;align-items:flex-start;padding:2rem;min-height:calc(100vh - 150px);gap:2rem;max-width:1200px;margin:0 auto}.verification-card{background-color:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:2.5rem;flex:1;max-width:500px;box-shadow:0 10px 25px #0000000d;height:fit-content}.pending-list-card{background-color:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:2rem;flex:1.2;max-width:650px;box-shadow:0 10px 25px #0000000d;display:flex;flex-direction:column;height:600px}.pending-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.pending-header h3{margin:0;font-size:1.25rem;display:flex;align-items:center;gap:.75rem}.badge-count{background:var(--primary);color:#fff;font-size:.75rem;padding:2px 8px;border-radius:10px}.pending-items{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1rem;padding-right:.5rem}.pending-item{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;display:flex;justify-content:space-between;align-items:center;transition:transform .2s}.pending-item:hover{transform:translate(4px);border-color:var(--primary-light)}.user-info{display:flex;align-items:center;gap:1rem}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#e2e8f0}.user-details h4{margin:0;font-size:.95rem;font-weight:600}.user-details p{margin:0;font-size:.8rem;color:var(--muted-text)}.item-actions{display:flex;gap:.5rem}.approve-btn-sm{background:#10b981;color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.approve-btn-sm:hover{background:#059669}.type-tag{font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase}.type-tag.K{background:#fef3c7;color:#d97706}.type-tag.R{background:#ede9fe;color:#7c3aed}.empty-pending{text-align:center;color:var(--muted-text);margin-top:4rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.code-input{width:100%;font-size:1.5rem;font-weight:700;text-align:center;letter-spacing:.2rem;padding:1rem;border:2px solid var(--border);border-radius:var(--radius-md);background-color:var(--background);color:var(--primary);transition:all .2s ease;text-transform:uppercase}.verification-header{text-align:center;margin-bottom:2rem}.verification-header .icon-wrapper{background:linear-gradient(135deg,var(--primary),var(--primary-dark));width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;box-shadow:0 4px 15px #ff6b354d}.verification-header h2{font-size:1.5rem;font-weight:700;color:var(--text);margin:0 0 .75rem}.verification-header p{font-size:.95rem;color:var(--muted-text);line-height:1.5;margin:0}.verification-form{display:flex;flex-direction:column;gap:1.5rem}.input-group label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text)}.verify-btn{display:flex;justify-content:center;align-items:center;gap:.5rem;background-color:var(--primary);color:#fff;border:none;padding:1rem;border-radius:var(--radius-md);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.verify-btn:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 10px #ff6b3533}.verify-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.result-container{margin-top:2rem;padding:1.5rem;border-radius:var(--radius-md);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.result-container.success{background-color:#10b9811a;border:1px solid rgba(16,185,129,.2)}.result-container.success h3{color:#059669}.result-container.success p{color:#10b981}.result-container.error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.2)}.result-container.error h3{color:#b91c1c}.result-container.error p{color:#ef4444}.result-icon{margin-bottom:.5rem}.result-icon.success{color:#10b981}.result-icon.error{color:#ef4444}.animate-zoom-in{animation:zoomIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.pending-item{flex-direction:column;align-items:stretch;gap:1rem}.pending-item>.user-info{display:flex;align-items:center;justify-content:flex-start}.item-actions{align-self:flex-end}.campaign-calculator-container{background:#f9fafb80;border-radius:var(--radius-md);padding:1rem;margin-top:.5rem;border:1px dashed var(--border)}.campaign-calculator{display:flex;flex-direction:column;gap:.75rem}.calc-input-group{display:flex;align-items:center;gap:.75rem}.calc-label{font-size:.85rem;font-weight:600;color:var(--text);white-space:nowrap}.calc-input{flex:1;padding:.5rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;outline:none;transition:border-color .2s}.calc-input:focus{border-color:var(--primary)}.calc-results{display:flex;flex-direction:column;gap:.4rem;background:#fff;padding:.75rem;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.05)}.calc-discount{display:flex;justify-content:space-between;font-size:.85rem;color:#ef4444;font-weight:500}.calc-final{display:flex;justify-content:space-between;font-size:1rem;font-weight:700;color:#10b981;border-top:1px dashed var(--border);padding-top:.4rem;margin-top:.2rem}.campaign-desc{font-size:.85rem;color:#d97706;font-weight:500;padding:.5rem;background:#fef3c7;border-radius:var(--radius-sm)}.admin-notifications-container{padding:24px;max-width:1000px;margin:0 auto;font-family:Inter,sans-serif}.notifications-header-main{margin-bottom:24px}.notifications-header-main h1{font-size:1.8rem;font-weight:700;color:#1e293b;margin:0 0 4px}.notifications-header-main p{color:#64748b;font-size:.95rem}.notifications-banner{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:20px;padding:32px;display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:32px;box-shadow:0 10px 25px -5px #2563eb4d}.banner-content{display:flex;align-items:center;gap:20px}.banner-icon-bg{width:64px;height:64px;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;display:flex;align-items:center;justify-content:center}.banner-text h2{font-size:1.5rem;font-weight:700;margin:0 0 4px}.banner-text p{font-size:1rem;opacity:.9;margin:0}.banner-stats{text-align:right}.unread-count-big{font-size:2.5rem;font-weight:800;line-height:1}.unread-label{font-size:.9rem;opacity:.9;font-weight:500}.notifications-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:12px 16px;border-radius:16px;border:1px solid #e2e8f0}.filter-tabs{display:flex;gap:8px;background:#f1f5f9;padding:4px;border-radius:10px}.filter-tab{padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:500;color:#64748b;border:none;background:transparent;cursor:pointer;transition:all .2s}.filter-tab.active{background:#2563eb;color:#fff;box-shadow:0 4px 12px #2563eb33}.mark-all-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:.85rem;font-weight:600;color:#334155;cursor:pointer;transition:all .2s}.mark-all-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.mark-all-btn:disabled{opacity:.5;cursor:not-allowed}.notifications-list-new{display:flex;flex-direction:column;gap:16px}.notification-card-new{display:flex;gap:20px;padding:24px;background:#fff;border-radius:20px;border:1px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.notification-card-new:hover{transform:translateY(-4px);box-shadow:0 12px 20px -8px #00000014;border-color:#cbd5e1}.notification-card-new.unread{border-left:4px solid #2563eb}.note-icon-box{flex-shrink:0;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.type-mail{background-color:#eff6ff;color:#2563eb}.type-badge{background-color:#f0fdf4;color:#16a34a}.type-system{background-color:#faf5ff;color:#9333ea}.type-update{background-color:#f8fafc;color:#475569}.note-content-box{flex-grow:1}.note-header-line{display:flex;align-items:center;gap:10px;margin-bottom:6px}.note-title-text{font-size:1.05rem;font-weight:600;color:#1e293b;margin:0}.new-badge-tag{background:#eff6ff;color:#2563eb;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:6px;text-transform:uppercase}.note-message-text{font-size:.95rem;color:#64748b;line-height:1.5;margin:0 0 12px}.note-meta-row{display:flex;align-items:center;gap:12px;font-size:.8rem;color:#94a3b8}.note-time-info{display:flex;align-items:center;gap:6px}.note-actions-hover{display:flex;gap:8px;position:absolute;top:24px;right:24px;opacity:0;transition:opacity .2s}.notification-card-new:hover .note-actions-hover{opacity:1}.action-icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s}.action-icon-btn:hover{background:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.action-icon-btn.delete:hover{background:#fef2f2;color:#ef4444;border-color:#fee2e2}.notifications-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#fff;border-radius:24px;border:1px solid #e2e8f0;color:#94a3b8}.notifications-empty-state p{margin-top:16px;font-size:1.1rem}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);position:relative;overflow:hidden}.login-bg-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden}.bg-circle{position:absolute;border-radius:50%;opacity:.08}.bg-circle-1{width:500px;height:500px;background:linear-gradient(135deg,#667eea,#764ba2);top:-120px;right:-100px;animation:float 8s ease-in-out infinite}.bg-circle-2{width:350px;height:350px;background:linear-gradient(135deg,#4facfe,#00f2fe);bottom:-80px;left:-60px;animation:float 10s ease-in-out infinite reverse}.bg-circle-3{width:200px;height:200px;background:linear-gradient(135deg,#43e97b,#38f9d7);top:50%;left:20%;animation:float 12s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.login-card{background:#fff;border-radius:20px;padding:44px;max-width:440px;width:100%;box-shadow:0 25px 60px -15px #0000004d;position:relative;z-index:1}.register-card{max-width:520px}.login-header{text-align:center;margin-bottom:32px}.login-logo-wrapper{width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 8px 24px #667eea4d}.login-header h1{font-size:32px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px;letter-spacing:-.04em}.login-header h2{font-size:18px;color:#0f172a;margin-bottom:6px;font-weight:600;letter-spacing:-.02em}.login-header p{color:#94a3b8;font-size:14px}.login-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:6px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:#94a3b8;pointer-events:none;z-index:1}.input-wrapper .input{padding-left:42px}.password-toggle{position:absolute;right:12px;background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:1}.password-toggle:hover{color:#64748b}.error-message{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:10px;font-size:13px;text-align:left;border:1px solid #fecaca;display:flex;align-items:center;gap:10px}.error-icon{width:20px;height:20px;background:#ef4444;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.help-text{font-size:12px;color:var(--text-light);margin-top:4px}.btn-block{width:100%;justify-content:center;padding:13px 24px;font-size:15px}.login-footer{margin-top:28px;padding-top:20px;border-top:1px solid #f1f5f9;text-align:center}.login-footer p{color:#94a3b8;font-size:13px;margin-bottom:12px}@media(max-width:540px){.login-card{padding:28px 20px;border-radius:16px}.form-row{grid-template-columns:1fr}.login-header h1{font-size:28px}}.animate-scale-in{animation:scaleIn .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}