@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--primary: #8B5CF6;--primary-hover: #7C3AED;--primary-glow: rgba(139, 92, 246, .35);--accent: #EC4899;--accent-hover: #DB2777;--bg-dark: #0F0B1A;--bg-card: rgba(30, 20, 50, .7);--bg-card-hover: rgba(40, 28, 65, .8);--surface: rgba(255, 255, 255, .06);--surface-hover: rgba(255, 255, 255, .1);--text-main: #F1E8FF;--text-muted: #9B8BBF;--text-dim: #6B5A8A;--border: rgba(139, 92, 246, .15);--border-hover: rgba(139, 92, 246, .35);--shadow: 0 8px 32px rgba(0, 0, 0, .4);--success: #10B981;--success-bg: rgba(16, 185, 129, .12);--danger: #EF4444;--danger-bg: rgba(239, 68, 68, .12);--warning: #F59E0B;--warning-bg: rgba(245, 158, 11, .12);--info: #3B82F6;--info-bg: rgba(59, 130, 246, .12);--radius: 16px;--radius-sm: 10px;--radius-pill: 999px}[data-theme=light]{--primary: #E11D73;--primary-hover: #C2185B;--primary-glow: rgba(225, 29, 115, .2);--accent: #F472B6;--accent-hover: #EC4899;--bg-dark: #FFF5F8;--bg-card: rgba(255, 255, 255, .85);--bg-card-hover: rgba(255, 240, 245, .95);--surface: rgba(225, 29, 115, .06);--surface-hover: rgba(225, 29, 115, .1);--text-main: #2D1A2E;--text-muted: #7A5A6E;--text-dim: #B89AAC;--border: rgba(225, 29, 115, .12);--border-hover: rgba(225, 29, 115, .28);--shadow: 0 8px 32px rgba(225, 29, 115, .08);--success: #059669;--success-bg: rgba(5, 150, 105, .1);--danger: #DC2626;--danger-bg: rgba(220, 38, 38, .08);--warning: #D97706;--warning-bg: rgba(217, 119, 6, .08);--info: #2563EB;--info-bg: rgba(37, 99, 235, .08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,system-ui,sans-serif;background:var(--bg-dark);background-image:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(139,92,246,.15),transparent),radial-gradient(ellipse 60% 50% at 80% 100%,rgba(236,72,153,.08),transparent);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased}.app-container{max-width:900px;margin:0 auto;padding:1.5rem 1rem 6rem}.glass-panel{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1.25rem;transition:transform .2s,box-shadow .2s,border-color .2s}.glass-panel:hover{border-color:var(--border-hover)}h1,h2,h3{font-weight:700;color:var(--text-main)}h1{font-size:1.6rem}h2{font-size:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.2rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;border:none;outline:none;font-family:inherit;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 16px var(--primary-glow)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 24px var(--primary-glow)}.btn-accent{background:var(--accent);color:#fff;box-shadow:0 4px 16px #ec48994d}.btn-accent:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-success{background:var(--success);color:#fff;box-shadow:0 4px 14px #10b9814d}.btn-success:hover{background:#059669}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text-main);border-color:var(--border-hover)}.btn-sm{padding:.45rem .8rem;font-size:.8rem;border-radius:8px}.btn-icon{padding:.5rem;border-radius:10px}input,select,textarea{width:100%;padding:.65rem .9rem;border-radius:var(--radius-sm);border:1px solid rgba(139,92,246,.25);background:#ffffff12;font-size:.9rem;color:var(--text-main);transition:all .2s;font-family:inherit;appearance:auto;-webkit-appearance:auto}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:#ffffff1a}input::placeholder{color:var(--text-dim);opacity:1}textarea{resize:vertical;min-height:65px}select{cursor:pointer}select option{background:#1a1030;color:var(--text-main)}.home-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem}.home-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.8rem 1.2rem;text-align:center;cursor:pointer;transition:all .25s;position:relative;overflow:hidden}.home-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#8b5cf614,#ec48990f);opacity:0;transition:opacity .3s}.home-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 12px 40px #8b5cf633}.home-card:hover:before{opacity:1}.home-card-icon{font-size:2.4rem;margin-bottom:.75rem;position:relative;z-index:1}.home-card-title{font-weight:700;font-size:1.05rem;color:var(--text-main);position:relative;z-index:1}.home-card-desc{font-size:.8rem;color:var(--text-muted);margin-top:.3rem;position:relative;z-index:1}.top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding:.5rem 0}.back-btn{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem .8rem;border-radius:var(--radius-sm);transition:all .2s;font-family:inherit}.back-btn:hover{color:var(--text-main);background:var(--surface)}.tabs{display:flex;gap:.5rem;margin-bottom:1.25rem;overflow-x:auto;padding-bottom:.3rem}.tab{padding:.55rem 1.1rem;border-radius:var(--radius-pill);font-weight:600;cursor:pointer;background:var(--surface);border:1px solid transparent;color:var(--text-muted);transition:all .2s;white-space:nowrap;font-size:.85rem;font-family:inherit}.tab.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 12px var(--primary-glow)}.list-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s}.list-item:hover{background:#ffffff05}.list-item:last-child{border-bottom:none}.flex-gap{display:flex;gap:.5rem;align-items:center}.badge{padding:.25rem .65rem;border-radius:var(--radius-pill);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.badge-pending{background:var(--warning-bg);color:var(--warning)}.badge-delivered{background:var(--success-bg);color:var(--success)}.badge-cancelled{background:var(--danger-bg);color:var(--danger)}.badge-advance{background:var(--info-bg);color:var(--info)}.badge-low{background:var(--danger-bg);color:var(--danger)}.badge-ok{background:var(--success-bg);color:var(--success)}.modal-overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:5rem 1rem 1.5rem}.modal-content{background:linear-gradient(145deg,#1e1435,#150e28);width:100%;max-width:520px;border-radius:20px;padding:1.75rem;box-shadow:0 30px 70px #0009,0 0 0 1px var(--border);border:1px solid rgba(139,92,246,.25);animation:modalIn .25s ease;position:relative;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.4) transparent}@keyframes modalIn{0%{opacity:0;transform:scale(.94) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.form-group{margin-bottom:.75rem}.form-group label{display:block;font-weight:600;margin-bottom:.3rem;font-size:.85rem;color:var(--text-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.25rem}.kpi-card{text-align:center;padding:1.2rem .8rem}.kpi-value{font-size:1.8rem;font-weight:800}.kpi-label{font-size:.78rem;color:var(--text-muted);margin-top:.25rem}.ingredient-chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:.3rem .7rem;font-size:.8rem;color:var(--text-main);margin:.2rem}.ingredient-chip .remove{background:none;border:none;color:var(--danger);cursor:pointer;font-size:.9rem;line-height:1;padding:0 .15rem}.data-table{width:100%;border-collapse:collapse;font-size:.88rem}.data-table th{text-align:left;padding:.7rem;color:var(--text-muted);font-weight:600;border-bottom:1px solid var(--border);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.data-table td{padding:.7rem;border-bottom:1px solid rgba(255,255,255,.03)}.data-table tr:hover td{background:#ffffff05}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-dim)}.empty-state-icon{font-size:3rem;margin-bottom:.75rem;opacity:.5}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:.4rem}.status-dot.pending{background:var(--warning);box-shadow:0 0 6px var(--warning)}.status-dot.delivered{background:var(--success);box-shadow:0 0 6px var(--success)}.status-dot.cancelled{background:var(--danger);box-shadow:0 0 6px var(--danger)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-fade-in{animation:fadeIn .3s ease forwards}.search-wrap{position:relative;margin-bottom:1rem}.search-wrap .search-icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none}.search-wrap input{padding-left:2.5rem}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#0f0b1af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:.5rem 0;z-index:50}.bottom-nav-inner{display:flex;justify-content:space-around;max-width:500px;margin:0 auto}.bottom-nav-btn{display:flex;flex-direction:column;align-items:center;gap:.2rem;background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.65rem;font-family:inherit;padding:.4rem .8rem;border-radius:8px;transition:all .2s}.bottom-nav-btn.active{color:var(--primary)}.bottom-nav-btn:hover{color:var(--text-main)}.progress-bar{height:6px;background:#ffffff0f;border-radius:999px;overflow:hidden}.progress-fill{height:100%;border-radius:999px;transition:width .5s ease}.alert-banner{padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.alert-warning{background:var(--warning-bg);color:var(--warning);border:1px solid rgba(245,158,11,.2)}@media(max-width:640px){.app-container{padding:1rem .75rem 5rem}.home-grid{grid-template-columns:1fr 1fr;gap:.75rem}.home-card{padding:1.3rem .8rem}.form-row{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.bottom-nav{display:block}.modal-overlay{align-items:flex-start;padding:6rem 1rem 1.5rem}.modal-content{padding:1.25rem;border-radius:16px;max-height:calc(100vh - 5.5rem);max-height:calc(100dvh - 5.5rem)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.order-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;margin-bottom:.75rem;transition:all .2s}.order-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.6rem}.order-name{font-weight:700;font-size:1.05rem}.order-meta{font-size:.82rem;color:var(--text-muted);display:flex;flex-direction:column;gap:.25rem}.order-actions{display:flex;gap:.4rem;margin-top:.75rem;flex-wrap:wrap}.recipe-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;margin-bottom:.75rem;transition:all .2s}.recipe-card:hover{border-color:var(--border-hover)}.total-strip{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:1rem 1.2rem;border-radius:var(--radius-sm);display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:1.1rem;margin:1rem 0}[data-theme=light] body{background:var(--bg-dark);background-image:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(225,29,115,.08),transparent),radial-gradient(ellipse 60% 50% at 80% 100%,rgba(244,114,182,.06),transparent)}[data-theme=light] .modal-content{background:linear-gradient(145deg,#fff0f5,#fff5f8);border-color:#e11d732e;box-shadow:0 30px 70px #e11d731f,0 0 0 1px var(--border)}[data-theme=light] select option{background:#fff;color:var(--text-main)}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:#fff9;border-color:#e11d732e}[data-theme=light] .bottom-nav{background:#fff5f8eb}[data-theme=light] ::-webkit-scrollbar-thumb{background:#e11d7340}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#e11d7373}[data-theme=light] .home-card:before{background:linear-gradient(135deg,#e11d730f,#f472b60a)}[data-theme=light] .home-card:hover{box-shadow:0 12px 40px #e11d731f}.sidebar-trigger{position:fixed;top:1rem;right:1rem;z-index:60;width:44px;height:44px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s;box-shadow:var(--shadow)}.sidebar-trigger:hover{color:var(--primary);border-color:var(--primary);transform:rotate(45deg);box-shadow:0 4px 20px var(--primary-glow)}.sidebar-overlay{position:fixed;inset:0;z-index:900;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.open{opacity:1;pointer-events:auto}.sidebar{position:fixed;top:0;right:-320px;bottom:0;z-index:1000;width:300px;max-width:85vw;background:var(--bg-dark);background-image:linear-gradient(180deg,var(--bg-card),var(--bg-dark));border-left:1px solid var(--border);box-shadow:-8px 0 40px #0000004d;display:flex;flex-direction:column;transition:right .35s cubic-bezier(.4,0,.2,1);overflow-y:auto}.sidebar.open{right:0}[data-theme=light] .sidebar{box-shadow:-8px 0 40px #e11d7314}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid var(--border)}.sidebar-header-title{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.05rem;color:var(--text-main)}.sidebar-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.4rem;border-radius:8px;transition:all .2s}.sidebar-close:hover{color:var(--danger);background:var(--danger-bg)}.sidebar-section{padding:1.25rem}.sidebar-section-title{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.85rem}.theme-options{display:flex;flex-direction:column;gap:.6rem}.theme-option{display:flex;align-items:center;gap:.85rem;padding:.85rem;border-radius:var(--radius-sm);background:var(--surface);border:2px solid transparent;cursor:pointer;transition:all .2s;text-align:left;font-family:inherit;color:var(--text-main)}.theme-option:hover{background:var(--surface-hover);border-color:var(--border-hover)}.theme-option.active{border-color:var(--primary);background:var(--surface-hover);box-shadow:0 0 0 3px var(--primary-glow)}.theme-option-preview{flex-shrink:0}.theme-preview-swatch{width:40px;height:40px;border-radius:10px;border:2px solid rgba(255,255,255,.1)}.theme-preview-swatch.dark{background:linear-gradient(135deg,#0f0b1a,#1e1435);border-color:#8b5cf64d}.theme-preview-swatch.light{background:linear-gradient(135deg,#fff5f8,#ffe4ed);border-color:#e11d7333}.theme-option-info{display:flex;flex-direction:column;gap:.15rem;flex:1}.theme-option-name{font-weight:600;font-size:.9rem}.theme-option-desc{font-size:.75rem;color:var(--text-muted)}.theme-option-check{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;animation:checkPop .3s ease}@keyframes checkPop{0%{transform:scale(0)}to{transform:scale(1)}}.sidebar-footer{margin-top:auto;padding:1rem 1.25rem;border-top:1px solid var(--border);text-align:center}.sidebar-version{font-size:.75rem;color:var(--text-dim)}.backup-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--radius-sm);font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer;border:1.5px solid transparent;transition:all .25s ease}.backup-btn--idle{background:var(--surface);color:var(--text-main);border-color:var(--border)}.backup-btn--idle:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.backup-btn--loading{background:#8b5cf61f;color:var(--primary);border-color:#8b5cf64d;cursor:not-allowed;opacity:.85}.backup-btn--success{background:var(--success-bg);color:var(--success);border-color:#10b9814d;animation:backupPulse .4s ease}.backup-btn--error{background:var(--danger-bg);color:var(--danger);border-color:#ef44444d}.backup-btn--error:hover{background:#ef44442e;box-shadow:0 0 0 3px #ef444426}@keyframes backupPulse{0%{transform:scale(.97)}60%{transform:scale(1.02)}to{transform:scale(1)}}.spin{animation:spinAnim .9s linear infinite}@keyframes spinAnim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.backup-meta{margin-top:.55rem;font-size:.75rem;color:var(--success);opacity:.85;text-align:center;line-height:1.4}.backup-error{margin-top:.55rem;font-size:.75rem;color:var(--danger);opacity:.9;line-height:1.4;padding:.5rem .6rem;background:var(--danger-bg);border-radius:8px}.restore-btn--idle{background:var(--surface);color:var(--text-muted);border-color:var(--border);margin-top:0}.restore-btn--idle:hover{background:#3b82f61a;border-color:#3b82f666;color:var(--info);box-shadow:0 0 0 3px #3b82f61f}.restore-btn--loading{background:#3b82f61a;color:var(--info);border-color:#3b82f64d;cursor:not-allowed;opacity:.85}.restore-btn--success{background:var(--success-bg);color:var(--success);border-color:#10b9814d}.restore-btn--error{background:var(--danger-bg);color:var(--danger);border-color:#ef44444d}.restore-divider{height:1px;background:var(--border);margin:.85rem 0;opacity:.6}.restore-confirm-box{background:#f59e0b14;border:1.5px solid rgba(245,158,11,.25);border-radius:var(--radius-sm);padding:.85rem;display:flex;flex-direction:column;gap:.6rem;animation:fadeIn .2s ease}.restore-confirm-icon{color:var(--warning);flex-shrink:0;align-self:flex-start}.restore-confirm-text{font-size:.8rem;color:var(--text-main);line-height:1.5}.restore-confirm-actions{display:flex;gap:.5rem}.restore-confirm-btn{flex:1;padding:.5rem .6rem;border-radius:8px;font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;border:1.5px solid transparent;transition:all .2s}.restore-confirm-btn--cancel{background:var(--surface);color:var(--text-muted);border-color:var(--border)}.restore-confirm-btn--cancel:hover{background:var(--surface-hover);color:var(--text-main)}.restore-confirm-btn--ok{background:var(--warning);color:#fff;border-color:var(--warning)}.restore-confirm-btn--ok:hover{opacity:.88;transform:translateY(-1px)}.paywall-container{display:flex;justify-content:center;align-items:center;padding:2rem 1rem;min-height:calc(100vh - 100px)}.paywall-card{max-width:480px;width:100%;text-align:center;padding:2.5rem 2rem;border-radius:var(--radius);border:1px solid var(--border-hover);box-shadow:0 20px 50px #0006;position:relative;overflow:hidden}.paywall-icon-wrap{position:relative;display:inline-block;margin-bottom:1.5rem}.paywall-icon-bg{width:70px;height:70px;border-radius:20px;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;justify-content:center;align-items:center;box-shadow:0 8px 24px var(--primary-glow);color:#fff}.paywall-lock-icon{animation:floatIcon 3s ease-in-out infinite}.paywall-sparkles{position:absolute;top:-10px;right:-10px;color:var(--warning);animation:pulse 2s infinite}.paywall-title{font-size:1.75rem;font-weight:800;margin-bottom:.75rem;background:linear-gradient(135deg,var(--text-main),var(--text-muted));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.paywall-subtitle{font-size:.95rem;color:var(--text-muted);line-height:1.5;margin-bottom:2rem}.paywall-features{display:flex;flex-direction:column;gap:.85rem;text-align:left;margin-bottom:2rem}.feature-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.88rem;color:var(--text-main)}.feature-icon{color:var(--success);flex-shrink:0;margin-top:.1rem}.price-tag-card{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.25rem;margin-bottom:2rem;text-align:center}.price-tag-label{font-size:.75rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.08em;margin-bottom:.35rem}.price-value-row{display:flex;justify-content:center;align-items:baseline;gap:.25rem;margin-bottom:.25rem}.price-currency{font-size:1.1rem;font-weight:700;color:var(--accent)}.price-amount{font-size:2.5rem;font-weight:900;color:var(--text-main);line-height:1}.price-period{font-size:.88rem;color:var(--text-muted)}.price-note{font-size:.75rem;color:var(--text-dim)}.paywall-btn{width:100%;height:50px;font-size:1rem;display:flex;justify-content:center;align-items:center;gap:.75rem;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary),var(--primary-hover));box-shadow:0 4px 16px var(--primary-glow);transition:all .25s ease}.paywall-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px var(--primary-glow)}.paywall-footer{margin-top:1.25rem;font-size:.8rem}.user-email-note{color:var(--text-muted)}.user-email-note.warning{color:var(--warning);font-weight:600}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.paywall-card-wide{max-width:900px;width:100%;text-align:center;padding:3rem 2rem;border-radius:var(--radius);border:1px solid var(--border-hover);box-shadow:0 25px 60px #0006;position:relative;overflow:hidden}.paywall-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2.5rem;background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.25rem}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.pricing-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);padding:2rem 1.5rem;display:flex;flex-direction:column;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left}.pricing-card:hover{transform:translateY(-6px);border-color:var(--primary);box-shadow:0 15px 35px var(--primary-glow)}.pricing-card.popular{border-color:var(--accent);background:linear-gradient(180deg,rgba(236,72,153,.05),var(--bg-card));box-shadow:0 10px 30px #ec489926}.pricing-card.popular:hover{border-color:var(--accent-hover);box-shadow:0 15px 40px #ec489940}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;font-size:.72rem;font-weight:700;padding:.3rem .8rem;border-radius:var(--radius-pill);display:flex;align-items:center;gap:.3rem;box-shadow:0 4px 10px #ec48994d;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.pkg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.pkg-title{font-size:1.25rem;font-weight:700;color:var(--text-main)}.pkg-badge{background:var(--success-bg);color:var(--success);font-size:.72rem;font-weight:700;padding:.2rem .55rem;border-radius:var(--radius-pill)}.pkg-desc{font-size:.8rem;color:var(--text-muted);line-height:1.4;margin-bottom:1.5rem;min-height:2.8rem}.pkg-price-row{display:flex;align-items:baseline;gap:.2rem;margin-bottom:.5rem;margin-top:auto}.pkg-currency{font-size:.95rem;font-weight:700;color:var(--primary)}.pricing-card.popular .pkg-currency{color:var(--accent)}.pkg-price{font-size:2.2rem;font-weight:900;color:var(--text-main);line-height:1}.pkg-period{font-size:.8rem;color:var(--text-dim)}.pkg-savings{font-size:.75rem;color:var(--success);font-weight:600;margin-bottom:1.25rem}@media(max-width:768px){.paywall-card-wide{padding:2rem 1.25rem}.pricing-grid{grid-template-columns:1fr;gap:1.25rem}}.premium-sync-toast{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);z-index:9999;background:#111827e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;box-shadow:0 10px 30px #ec489940;max-width:90%;width:auto;min-width:320px}.premium-sync-content{display:flex;align-items:center;gap:.75rem}.premium-sync-badge{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:6px;text-transform:uppercase;white-space:nowrap}.premium-sync-text{font-size:.85rem;color:var(--text-main);font-weight:500}.premium-sync-close{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:0 .2rem;line-height:1;transition:color .2s}.premium-sync-close:hover{color:var(--text-main)}.auth-card{background:#ffffff08;border:1px solid rgba(239,68,68,.15);border-radius:28px;padding:2.5rem 2rem;max-width:520px;margin:0 auto 2.5rem;box-shadow:0 24px 80px #ef444414;text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-card-title{font-size:1.25rem;font-weight:800;color:var(--text-main);display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.auth-card-subtitle{font-size:.92rem;color:var(--text-muted);line-height:1.6;margin-bottom:1.75rem}.auth-mode-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.auth-mode-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:56px;border-radius:999px;border:1px solid rgba(239,68,68,.2);background:#ffffff05;color:var(--danger);font-weight:700;font-size:.95rem;transition:all .25s ease;cursor:pointer}.auth-mode-btn.active{background:linear-gradient(135deg,#ef44442b,#f59e0b26);color:#fff;border-color:#ef444473;box-shadow:0 16px 38px #ef44442e}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-password-wrap{position:relative;width:100%}.auth-password-wrap .auth-input{padding-right:3rem}.auth-eye-btn{position:absolute;top:50%;right:.9rem;transform:translateY(-50%);border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.2rem}.auth-eye-btn:hover{color:var(--danger)}.auth-input{width:100%;min-height:54px;background:#ffffff0f;border:1.5px solid rgba(239,68,68,.15);border-radius:18px;padding:0 1rem;color:var(--text-main);font-family:inherit;font-size:1rem;transition:all .25s ease}.auth-input:focus{outline:none;border-color:#ef44448c;background:#ffffff1f;box-shadow:0 0 0 3px #ef44441f}.auth-input.code-input{font-size:1.5rem;font-weight:700;letter-spacing:.25em;text-align:center}.auth-email-hint{font-size:.88rem;color:var(--text-muted);margin-bottom:.5rem}.auth-actions-row{display:flex;gap:.75rem;margin-top:.75rem}.auth-toggle-row{display:flex;justify-content:center;margin-top:1rem}.auth-toggle-btn{min-height:54px;padding:0 1.35rem;border-radius:999px;border:1.5px solid rgba(239,68,68,.28);background:#ef444414;color:#ef4444;font-weight:700;letter-spacing:.01em;transition:all .25s ease}.auth-toggle-btn:hover{background:#ef444429;box-shadow:0 18px 45px #ef44442e}.auth-submit-btn{min-height:56px;font-weight:700;font-size:1rem;border-radius:18px;padding:0 1.25rem}.auth-submit-btn.btn-primary{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;border:none;box-shadow:0 16px 35px #ef444440}.auth-submit-btn.btn-primary:hover{background:linear-gradient(135deg,#dc2626,#ea580c)}.auth-submit-btn.btn-ghost{color:var(--danger);background:#ef44440f;border:1px solid rgba(239,68,68,.2)}.auth-divider{display:flex;align-items:center;justify-content:center;text-align:center;font-size:.78rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin:1.75rem 0 .75rem}.local-trial-btn{transition:all .2s ease;min-height:56px;border-radius:18px;border:1.5px dashed rgba(239,68,68,.3)!important;color:var(--danger)!important;padding:0 1.25rem}.local-trial-btn:hover{background:#ef44441a!important;border-color:#ef444473!important;box-shadow:0 0 18px #ef44442e}.paywall-profile-bar{display:flex;justify-content:space-between;align-items:center;background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem 1.25rem;margin-bottom:2rem;font-size:.85rem}.profile-bar-email{color:var(--text-main)}.profile-bar-logout{background:none;border:none;color:var(--danger);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:opacity .2s}.profile-bar-logout:hover{opacity:.8}.trial-banner{background:linear-gradient(135deg,#ec48991a,#8b5cf626);border:1px solid var(--accent);border-radius:var(--radius);padding:1.75rem 2rem;display:flex;align-items:center;gap:1.75rem;text-align:left;margin-bottom:2.5rem;box-shadow:0 10px 20px #8b5cf61a}.trial-banner-icon{width:52px;height:52px;background:linear-gradient(135deg,var(--accent),var(--primary));color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #ec48994d}.trial-banner-info{flex:1}.trial-banner-info h3{font-size:1.1rem;font-weight:700;color:var(--text-main);margin-bottom:.35rem}.trial-banner-info p{font-size:.85rem;color:var(--text-muted);line-height:1.45}.trial-btn{white-space:nowrap;font-weight:700;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--accent),var(--accent-hover));box-shadow:0 4px 14px #ec489959;border-radius:var(--radius-sm)}@media(max-width:768px){.trial-banner{flex-direction:column;text-align:center;gap:1.25rem;padding:1.5rem}.trial-btn{width:100%}}.paywall-alert{padding:1rem 1.25rem;border-radius:var(--radius-sm);margin-bottom:1.75rem;font-size:.88rem;font-weight:500;line-height:1.45;text-align:left}.paywall-alert.danger{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(239,68,68,.2)}.paywall-alert.success{background:var(--success-bg);color:var(--success);border:1px solid rgba(16,185,129,.2)}.auth-divider{display:flex;align-items:center;text-align:center;font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin:1.5rem 0 .5rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border)}.auth-divider:not(:empty):before{margin-right:.75em}.auth-divider:not(:empty):after{margin-left:.75em}.local-trial-btn{transition:all .2s ease}.local-trial-btn:hover{background:#ec489914!important;border-color:var(--accent-hover)!important;box-shadow:0 0 15px #ec489926}