:root{--bg:#000;--bg-card:#0a0a0a;--bg-elevated:#111;--bg-input:#0d0d0d;--border:#1a1a1a;--border-gold:#aa8c2c;--gold:#d4af37;--gold-light:#f9e2ae;--gold-gradient:linear-gradient(135deg, #aa8c2c, #d4af37);--green:#22c55e;--green-light:#86efac;--green-dark:#16a34a;--green-bg:#22c55e1a;--green-border:#22c55e4d;--blue:#3b82f6;--blue-bg:#3b82f61a;--blue-border:#3b82f64d;--red:#ef4444;--orange:#f59e0b;--purple:#8b5cf6;--text:#f9e2ae;--text-muted:#94a3b8;--text-dim:#64748b;--shadow:0 12px 40px #00000080;--shadow-lg:0 20px 50px #000000b3;--radius:16px;--radius-sm:10px;--sidebar-width:272px;--font:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border-gold);z-index:300;background:#060606;flex-direction:column;flex-shrink:0;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.sidebar-brand{border-bottom:1px solid #aa8c2c33;flex-shrink:0;align-items:center;gap:12px;padding:20px 18px;display:flex}.sidebar-brand-icon{background:var(--gold-gradient);color:#000;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.sidebar-brand-text{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-brand-title{letter-spacing:-.02em;background:linear-gradient(110deg,#bf953f 0%,#fcf6ba 25%,#fbf5b7 40%,#bf953f 55%,#b38728 70%,#d4af37 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:17px;font-weight:900;animation:3s linear infinite goldShimmer}.sidebar-brand-sub{color:var(--text-muted);margin-top:2px;font-size:11px;font-weight:600}.sidebar-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;display:none}@keyframes goldShimmer{to{background-position:-200%}}.sidebar-progress{border-bottom:1px solid #aa8c2c1f;flex-shrink:0;padding:16px 18px}.sidebar-progress-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.sidebar-progress-bar{background:#1a1a1a;border-radius:3px;height:6px;overflow:hidden}.sidebar-progress-fill{background:linear-gradient(90deg, var(--green), var(--green-light));border-radius:3px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #22c55e66}.sidebar-nav{flex:1;padding:12px 10px}.sidebar-nav-label{color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;padding:0 8px;font-size:10px;font-weight:800}.sidebar-item{border-radius:var(--radius-sm);width:100%;color:var(--text-muted);font-family:var(--font);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;margin-bottom:2px;padding:11px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex;position:relative}.sidebar-item:hover{color:var(--text);background:#ffffff0a}.sidebar-item.active{color:var(--gold);border-left:3px solid var(--gold);background:#d4af371a;padding-left:9px}.sidebar-item.active .sidebar-item-icon{color:var(--gold)}.sidebar-item.completed{color:var(--green)}.sidebar-item.completed:hover{background:var(--green-bg)}.sidebar-item.completed .sidebar-item-icon{color:var(--green)}.sidebar-item-indicator{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:800;transition:all .3s;display:flex}.sidebar-item-indicator.pending{color:var(--text-dim);background:#1a1a1a;border:2px solid #333}.sidebar-item-indicator.active{border:2px solid var(--gold);color:var(--gold);background:#d4af3726;box-shadow:0 0 10px #d4af3733}.sidebar-item-indicator.completed{background:var(--green);border:2px solid var(--green);color:#fff;box-shadow:0 0 12px #22c55e4d}.sidebar-item-num{font-size:11px;font-weight:800}.sidebar-item-label{letter-spacing:-.01em;flex:1}.sidebar-item-icon{opacity:.8;flex-shrink:0}.sidebar-item-pulse{background:var(--gold);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse;position:absolute;right:12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sidebar-footer{border-top:1px solid #aa8c2c1f;flex-shrink:0;padding:16px 18px}.sidebar-footer-badge{color:var(--text-dim);flex-direction:column;gap:2px;font-size:11px;display:flex}.sidebar-footer-badge strong{color:var(--gold);font-size:12px}.main-content{background:var(--bg);flex:1;padding-bottom:100px;overflow:hidden auto}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:0 0}.main-content::-webkit-scrollbar-thumb{background:#222;border-radius:3px}.hamburger{z-index:400;border:1px solid var(--border-gold);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#000000e6;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;display:none;position:fixed;top:14px;left:14px}.hamburger span{background:var(--gold);border-radius:1px;width:20px;height:2px;transition:all .2s;display:block}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:250;background:#000000b3;display:none;position:fixed;inset:0}.page-container{max-width:820px;margin:0 auto;padding:32px 24px 80px}.page-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-header-icon{background:var(--gold-gradient);color:#000;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.page-title{letter-spacing:-.03em;color:var(--gold-light);margin:0;font-size:26px;font-weight:900}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:14px;font-weight:500}.card{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-body{padding:22px}.card-header-gold h2{letter-spacing:-.01em;font-size:17px;font-weight:900}.card-header-green{background:linear-gradient(135deg, var(--green-dark), var(--green));color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;display:flex}.card-header-green h2{font-size:17px;font-weight:900}.field-label{color:var(--gold);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.field-input{border-radius:var(--radius-sm);width:100%;height:48px;font-size:14px;font-family:var(--font);background:var(--bg-input);color:var(--text);border:1px solid #222;outline:none;padding:12px 14px;transition:all .2s}.field-input:focus{border-color:var(--gold);background:var(--bg-elevated);box-shadow:0 0 0 3px #d4af371f}.field-input::placeholder{color:var(--text-dim)}.field-textarea{border-radius:var(--radius-sm);width:100%;font-size:14px;font-family:var(--font);background:var(--bg-input);color:var(--text);resize:vertical;border:1px solid #222;outline:none;padding:14px;line-height:1.6;transition:all .2s}.field-textarea:focus{border-color:var(--gold);background:var(--bg-elevated);box-shadow:0 0 0 3px #d4af371f}.field-textarea::placeholder{color:var(--text-dim)}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group{flex-direction:column;display:flex}.form-group.full-width{grid-column:1/-1}.char-count{text-align:right;color:var(--text-dim);margin-top:6px;font-size:12px}.btn-primary{background:var(--gold-gradient);color:#000;font-size:14px;font-weight:800;font-family:var(--font);border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 24px;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #d4af374d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 25px #d4af3766}.btn-full{justify-content:center;width:100%;margin-top:20px;padding:15px}.btn-icon{background:var(--gold-gradient);color:#000;border-radius:var(--radius-sm);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.btn-icon:hover{transform:scale(1.05)}.btn-publish{background:linear-gradient(135deg, var(--green-dark), var(--green));color:#fff;font-size:16px;font-weight:800;font-family:var(--font);cursor:pointer;border:none;border-radius:14px;align-items:center;gap:10px;padding:16px 32px;transition:all .2s;display:inline-flex;box-shadow:0 8px 30px #22c55e4d}.search-input-wrap{margin-bottom:20px;position:relative}.search-icon{color:var(--gold);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{padding-left:42px!important}.location-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.location-card{background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--text);font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;text-align:left;border:1px solid #222;align-items:center;gap:10px;padding:14px 16px;transition:all .2s;display:flex}.location-card:hover{border-color:var(--gold);background:#d4af370d;transform:translateY(-1px)}.location-card.selected{border-color:var(--green);background:var(--green-bg);color:var(--green-light)}.location-card.selected svg{color:var(--green)}.check-badge{background:var(--green);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-left:auto;font-size:12px;font-weight:900;display:flex}.category-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.category-card{background:var(--bg-elevated);border-radius:var(--radius);font-family:var(--font);cursor:pointer;border:1px solid #222;flex-direction:column;align-items:center;gap:8px;padding:20px 14px;transition:all .2s;display:flex;position:relative}.category-card:hover{border-color:var(--gold);background:#d4af370d;transform:translateY(-2px)}.category-card.selected{border-color:var(--green);background:var(--green-bg);box-shadow:0 0 0 1px var(--green-border)}.category-emoji{font-size:28px}.category-name{color:var(--text);text-align:center;font-size:12px;font-weight:700}.category-card.selected .category-name{color:var(--green-light)}.category-card .check-badge{width:20px;height:20px;font-size:11px;position:absolute;top:8px;right:8px}.products-added{margin-bottom:20px}.product-tags{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.product-tag{background:var(--green-bg);border:1px solid var(--green-border);color:var(--green-light);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.tag-remove{color:var(--red);cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.tag-remove:hover{opacity:1}.add-product-row{gap:10px;margin-bottom:16px;display:flex}.suggestion-grid{flex-wrap:wrap;gap:8px;display:flex}.suggestion-chip{background:var(--bg-elevated);color:var(--text-muted);font-size:12px;font-weight:600;font-family:var(--font);cursor:pointer;border:1px solid #222;border-radius:999px;align-items:center;gap:5px;padding:8px 14px;transition:all .2s;display:inline-flex}.suggestion-chip:hover{border-color:var(--gold);color:var(--gold);background:#d4af370d}.description-preview{margin-top:20px}.preview-box{background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--text);border:1px solid #222;padding:16px;font-size:14px;line-height:1.7}.preview-box p{margin-bottom:8px}.preview-box p:last-child{margin-bottom:0}.sticky-cta{bottom:0;left:var(--sidebar-width);z-index:90;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-gold);background:#000000eb;padding:14px 24px;position:fixed;right:0}.cta-bar{background:var(--bg-elevated);border:1px solid var(--border-gold);max-width:820px;box-shadow:var(--shadow-lg);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:12px 18px;display:flex}.cta-info{color:var(--gold);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:14px;padding:18px;display:flex}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.stat-info{flex-direction:column;display:flex}.stat-value{color:var(--text);letter-spacing:-.02em;font-size:22px;font-weight:900}.stat-label{color:var(--text-muted);font-size:12px;font-weight:600}.completion-badge{background:#fff3;border-radius:999px;padding:4px 12px;font-size:14px;font-weight:900}.completion-bar-wrap{margin-bottom:16px}.completion-bar{background:#1a1a1a;border-radius:4px;height:8px;overflow:hidden}.completion-fill{background:linear-gradient(90deg, var(--green), var(--green-light));border-radius:4px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.completion-list{flex-direction:column;gap:8px;display:flex}.completion-item{border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-muted);border:1px solid #1a1a1a;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.completion-item.done{border-color:var(--green-border);background:var(--green-bg);color:var(--green-light)}.completion-check{color:#333;background:#1a1a1a;border:2px solid #333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:900;display:flex}.completion-check.checked{background:var(--green);border-color:var(--green);color:#fff}.status-banner{border-radius:var(--radius);align-items:center;gap:14px;margin-bottom:4px;padding:18px 20px;display:flex}.status-banner.success{background:var(--green-bg);border:1px solid var(--green-border);color:var(--green-light)}.status-banner.warning{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b4d}.status-banner strong{font-size:16px;display:block}.status-banner p{opacity:.85;margin-top:2px;font-size:13px}.location-pill{background:#0003;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.dashboard-grid{flex-direction:column;gap:10px;display:flex}.dashboard-item{border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid #1a1a1a;padding:14px;transition:all .2s}.dashboard-item.done{border-color:var(--green-border);border-left:3px solid var(--green)}.dashboard-item-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.dashboard-item-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-size:12px;font-weight:700}.dashboard-status{margin-left:auto;font-size:11px;font-weight:800}.dashboard-status.green{color:var(--green)}.dashboard-status.gray{color:var(--text-dim)}.dashboard-item-value{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:600;overflow:hidden}.product-preview-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.product-preview-card{background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--gold-light);border:1px solid #222;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:600;display:flex}.publish-cta{text-align:center;margin-top:24px}.info-banner{background:var(--blue-bg);border:1px solid var(--blue-border);border-radius:var(--radius);color:#93c5fd;align-items:flex-start;gap:12px;margin-top:20px;padding:18px;font-size:13px;line-height:1.6;display:flex}.info-banner p{margin:0}@media (width<=768px){.sidebar{box-shadow:var(--shadow-lg);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-close{display:flex}.sidebar-overlay{display:block}.hamburger{display:flex}.main-content{width:100%}.page-container{padding:70px 16px 100px}.sticky-cta{left:0}.form-grid{grid-template-columns:1fr}.location-grid{grid-template-columns:1fr 1fr}.category-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.stats-grid{grid-template-columns:1fr 1fr}.page-title{font-size:20px}}@media (width<=480px){.location-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr 1fr}.stats-grid,.product-preview-grid{grid-template-columns:1fr}}.app-loader{background:var(--bg);min-height:100vh;color:var(--gold);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:16px;font-weight:700;display:flex}.loader-spinner{border:5px solid var(--gold);border-top:5px solid #222;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast-msg{background:var(--gold-gradient);color:#000;z-index:9999;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:800;animation:.3s slideIn;position:fixed;top:20px;right:20px;box-shadow:0 8px 30px #d4af3766}.saving-indicator{border:1px solid var(--gold);color:var(--gold);z-index:9998;background:#111;border-radius:999px;padding:8px 20px;font-size:13px;font-weight:700;animation:1.5s infinite pulse;position:fixed;top:20px;left:50%;transform:translate(-50%)}@keyframes slideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.breadcrumb-bar{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;padding:10px 14px;display:flex}.breadcrumb-bar button{color:var(--gold);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:13px;font-weight:700;transition:all .2s}.breadcrumb-bar button:hover{background:#d4af3726}.breadcrumb-bar svg{color:var(--text-dim);flex-shrink:0}.btn-outline-sm{border:1px solid var(--border-gold);color:var(--gold);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.btn-outline-sm:hover{background:#d4af3726}.btn-outline-sm.danger{border-color:var(--red);color:var(--red)}.btn-outline-sm.danger:hover{background:#ef444426}.btn-publish{background:var(--gold-gradient);color:#000;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:10px;margin-top:12px;padding:16px 32px;font-size:16px;font-weight:900;transition:all .2s;display:inline-flex;box-shadow:0 8px 30px #d4af374d}.btn-publish:hover{transform:translateY(-2px);box-shadow:0 12px 40px #d4af3780}.btn-publish:disabled{cursor:not-allowed;filter:grayscale(.5)}.card-header-gold{background:var(--gold-gradient);color:#000;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.card-header-gold h2{margin:0;font-size:16px;font-weight:900}.card-header-green{color:#fff;background:linear-gradient(135deg,#16a34a,#22c55e);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.card-header-green h2{margin:0;font-size:16px;font-weight:900}.rich-preview h2{color:#f9e2ae;margin:0 0 8px;font-size:20px;font-weight:700}.rich-preview h3{color:#d4af37;margin:18px 0 8px;font-size:16px;font-weight:700}.rich-preview p{color:#e2e8f0;margin:0 0 10px;line-height:1.7}.rich-preview ul{margin:0 0 12px;padding-left:20px}.rich-preview li{color:#e2e8f0;line-height:1.8}.rich-preview hr{border:none;border-top:1px solid #aa8c2c;margin:14px 0}.rich-preview blockquote{background:#d4af370d;border-left:3px solid #d4af37;border-radius:0 8px 8px 0;margin:12px 0;padding:10px 16px}.rich-preview strong{color:#f9e2ae}