:root{--font-heading:Poppins, "Figtree Variable", ui-sans-serif, system-ui, sans-serif;--bg:#090b10;--bg-soft:#10131b;--panel:#11141de6;--panel-strong:#151923fa;--panel-muted:#ffffff08;--text:#f5f7fb;--text-soft:#b8bfcc;--text-faint:#8f97a8;--border:#ffffff1a;--border-strong:#ffffff2e;--brand-pink:#ec008c;--brand-coral:#f97362;--success:#22c55e;--danger:#ef4444;--info:#60a5fa;--shadow-soft:0 24px 60px #00000052;--shadow-hover:0 30px 80px #0000006b;color:var(--text);background:var(--bg);font-family:Figtree Variable,Figtree,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;color:var(--text);background:radial-gradient(circle at 0 0,#ec008c1f,#0000 26%),radial-gradient(circle at 100% 0,#f973621a,#0000 24%),radial-gradient(circle at 100% 100%,#60a5fa12,#0000 22%),linear-gradient(#0b0d13 0%,#08090d 100%);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}option{color:#f5f7fb;background:#12151d}.auth-page,.loading-screen{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.store-auth-card,.panel,.stat-card,.notice-box,.form-card,.page-header{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative}.store-auth-card{border-radius:20px;width:min(560px,100%);padding:2.25rem;overflow:hidden}.store-auth-card:before,.page-header:before,.panel:before,.stat-card:before{content:"";background:linear-gradient(90deg,#ec008cf2,#f97362e0);height:2px;position:absolute;inset:0 0 auto}.store-auth-header,.edit-home-intro{margin-bottom:1.5rem}.store-auth-header h1,.panel-header h2,.page-title,.edit-brand,.edit-home-intro h2,.menu-card h2{font-family:var(--font-heading);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.1}.store-auth-header h1,.edit-home-intro h2{font-size:clamp(2rem,4vw,3rem)}.store-auth-header p,.page-subtitle,.panel-copy,.help-text,.small-text,.table-subtext,.notice-muted,.details-grid span,.stack-item span,.stat-card span,.stat-card small,.image-card-meta small,.upload-card-copy{color:var(--text-soft)}.edit-kicker{color:#ff8ac8;letter-spacing:.08em;font-size:.76rem;font-weight:700;display:inline-block}.store-notice-box,.store-error-box,.store-success-box,.notice-box,.error-box,.success-box{border:1px solid var(--border);border-radius:14px;margin-bottom:1rem;padding:.95rem 1rem}.store-notice-box,.notice-box{background:#ec008c14;border-color:#ec008c2e}.store-error-box,.error-box{color:#fecaca;background:#ef444414;border-color:#ef44442e}.store-success-box,.success-box{color:#bbf7d0;background:#22c55e14;border-color:#22c55e2e}.store-form,.form-card{gap:1rem;display:grid}label{color:#d9deea;gap:.45rem;font-size:.88rem;font-weight:600;display:grid}input,select,textarea{border:1px solid var(--border-strong);width:100%;color:var(--text);background:#ffffff08;border-radius:14px;outline:none;padding:.95rem 1rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.readonly-field{color:var(--text-soft);background:#ffffff05}.form-summary-card{border:1px solid var(--border-strong);background:#ffffff0a;border-radius:14px;gap:.4rem;padding:.95rem 1rem;display:grid}.form-summary-label{color:var(--text-soft);letter-spacing:.06em;font-size:.74rem;font-weight:700}.form-summary-value{color:var(--text);word-break:break-word;font-size:.95rem}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:hover,select:hover,textarea:hover{border-color:#ffffff3d}input:focus,select:focus,textarea:focus{background:#ffffff0d;border-color:#ff8ac8a6;box-shadow:0 0 0 3px #ec008c1a}textarea{resize:vertical}.store-primary-button,.button,.edit-link-button,.admin-dock-link{letter-spacing:.01em;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.15rem;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s,background-color .2s,color .2s;display:inline-flex}.store-primary-button,.button-primary{color:#fff;background:linear-gradient(90deg, var(--brand-pink), var(--brand-coral));box-shadow:0 14px 30px #ec008c2e}.button-secondary,.edit-link-button,.admin-dock-link{color:#edf1f7;border-color:var(--border-strong);background:#ffffff0a}.button-danger{color:#fff;background:linear-gradient(#ef4444 0%,#dc2626 100%);border-color:#dc2626}.button:hover,.store-primary-button:hover,.edit-link-button:hover,.admin-dock-link:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.button:disabled,.store-primary-button:disabled,.edit-link-button:disabled,.admin-dock-link:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.button-full{width:100%}.button-compact{padding:.62rem .9rem;font-size:.8rem}.admin-shell,.edit-shell{min-height:100vh}.edit-topbar,.admin-dock-topbar{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0d12c7;position:sticky;top:0}.edit-topbar:before,.admin-dock-topbar:before{content:"";background:linear-gradient(90deg,#ec008cf2,#f97362e0);height:2px;display:block}.edit-topbar-inner,.admin-dock-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1120px;margin:0 auto;padding:1rem 1.25rem;display:flex}.edit-brand{color:var(--text);font-size:1.25rem}.edit-topbar-actions{flex-wrap:wrap;gap:.75rem;display:flex}.admin-dock-nav{flex-wrap:wrap;flex:1;justify-content:center;gap:.75rem;display:flex}.admin-dock-link.active{color:#fff;background:linear-gradient(90deg,#ec008c2e,#f973622e);border-color:#ff8ac842}.admin-main,.edit-main{max-width:1120px;margin:0 auto;padding:2rem 1.25rem 3rem}.page-stack{gap:1.4rem;width:100%;display:grid}.page-header{border-radius:20px;justify-content:space-between;align-items:center;gap:1rem;padding:1.35rem 1.5rem;display:flex;overflow:hidden}.page-title{color:var(--text);font-size:clamp(1.7rem,4vw,2.6rem)}.page-subtitle{max-width:52rem;margin:.4rem 0 0}.page-header-actions,.row-actions,.toolbar,.status-editor,.checkbox-row,.upload-box{flex-wrap:wrap;gap:.75rem;display:flex}.stats-grid,.panel-grid,.field-grid,.details-grid,.image-grid{gap:1rem;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-grid-wide{grid-template-columns:repeat(5,minmax(0,1fr))}.panel-grid.two-column,.field-grid.two-column,.details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.full-row{grid-column:1/-1}.stat-card,.panel{border-radius:20px;padding:1.35rem;overflow:hidden}.stat-card strong{font-size:2.1rem;font-family:var(--font-heading);color:var(--text);margin:.55rem 0 .25rem;display:block}.panel-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.panel-header h2{color:var(--text)}.toolbar input{max-width:360px}.toolbar-grid{grid-template-columns:minmax(0,2fr) minmax(220px,1fr) auto;align-items:end;display:grid}.toolbar-count{color:var(--text-soft);letter-spacing:.02em;justify-self:end;font-size:.82rem;font-weight:700}.table-subtext{color:var(--text-soft);margin-top:.2rem;font-size:.82rem}.validation-list{gap:.35rem;margin:.65rem 0 0;padding-left:1.1rem;display:grid}.row-actions-compact{gap:.45rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff0f;padding:.9rem .8rem}th{color:#f9a8d4;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.empty-cell{color:#94a3b8;text-align:center;padding:2rem 1rem}.table-title-cell{align-items:center;gap:.85rem;display:flex}.table-title-cell strong,.stack-item strong,.details-grid strong{display:block}.mini-thumb{color:#e2e8f0;text-align:center;background:linear-gradient(135deg,#ec489959,#f9731652);border-radius:.9rem;place-items:center;width:54px;height:54px;font-size:.72rem;display:grid;overflow:hidden}.mini-thumb img{object-fit:cover;width:100%;height:100%}.status-pill{text-transform:capitalize;background:#ffffff14;border-radius:999px;padding:.35rem .75rem;font-size:.78rem;display:inline-flex}.status-active,.status-delivered{color:#bbf7d0;background:#10b98133}.status-inactive,.status-cancelled{color:#fecaca;background:#ef44442e}.status-new,.status-confirmed,.status-processing,.status-shipped{color:#bfdbfe;background:#3b82f62e}.checkbox-label{align-items:center;gap:.5rem;display:inline-flex}.checkbox-label input{width:auto}.toggle-chip-row{flex-wrap:wrap;gap:.75rem;display:flex}.toggle-chip{color:#cbd5e1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:1rem;align-items:center;gap:.6rem;padding:.85rem 1rem;display:inline-flex;position:relative}.toggle-chip input{opacity:0;pointer-events:none;position:absolute}.toggle-chip span{align-items:center;gap:.6rem;display:inline-flex}.toggle-chip span:before{content:"";background:#ffffff0a;border:1px solid #ffffff2e;border-radius:.45rem;width:18px;height:18px;box-shadow:inset 0 0 0 3px #0000}.toggle-chip.active{color:#fff;background:#f472b614;border-color:#f472b659}.toggle-chip.active span:before{background:linear-gradient(135deg,#ec4899,#f97316);border-color:#0000;box-shadow:inset 0 0 0 4px #ffffff26}.stack-list{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.stack-item{background:#ffffff0a;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}.image-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.image-grid-inline{margin-top:1.25rem}.upload-card{background:linear-gradient(#f472b614 0%,#ffffff08 100%);border:1px dashed #f472b659;border-radius:1rem;gap:1rem;padding:1rem;display:grid}.upload-card-title{margin:.35rem 0 0;font-size:1.05rem}.upload-card-copy{color:#94a3b8;margin:.45rem 0 0}.upload-button{width:100%}.product-editor-layout{align-items:start}.image-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:1.1rem;overflow:hidden}.image-card img{object-fit:cover;width:100%;height:220px}.image-card-meta{gap:.75rem;padding:.85rem;display:grid}.image-card-form{align-content:start}@media (width<=1080px){.stats-grid,.stats-grid-wide,.panel-grid.two-column,.field-grid.two-column,.details-grid,.image-grid,.image-grid-wide,.toolbar-grid,.admin-dock-inner,.admin-dock-nav{grid-template-columns:1fr}.toolbar-count{justify-self:start}}@media (width<=768px){.content-area,.admin-main{padding:1rem}.page-header,.admin-dock-inner{flex-direction:column;align-items:flex-start}.auth-card,.panel,.stat-card,.store-auth-card,.page-header{padding:1rem}}
