:root{--brand: #1e3a8a;--brand-dark: #172554;--brand-soft: #eff6ff;--brand-glow: rgba(30, 58, 138, .15);--primary: #1e3a8a;--secondary: #facc15;--accent: #ec4899;--accent-dark: #db2777;--accent-soft: #fce7f3;--sun: #facc15;--sun-deep: #ca8a04;--sun-soft: #fef9c3;--sun-ink: #854d0e;--pastel-blue: #e0f2fe;--pastel-pink: #fce7f3;--pastel-green: #dcfce7;--pastel-purple: #f3e8ff;--pastel-yellow: #fef08a;--pastel-red: #fee2e2;--ink: #1f2937;--ink-light: #374151;--muted: #6b7280;--line: #e5e7eb;--cream: #ffffff;--cream-deep: #f9fafb;--surface: #ffffff;--soft: #fdf8f5;--card-bg: #ffffff;--input-bg: #ffffff;--price-color: #1e3a8a;--danger: #ef4444;--success: #10b981;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 1px 2px -1px rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05);--font-display: "Nunito", system-ui, sans-serif;--font-body: "Poppins", system-ui, sans-serif;--maxw: 1240px;--listing-cols: 4}[data-theme=dark],.dark-theme{--brand: #60a5fa;--brand-dark: #3b82f6;--brand-soft: #1e293b;--brand-glow: rgba(96, 165, 250, .2);--accent: #fb7185;--accent-dark: #f43f5e;--accent-soft: #2c161d;--sun: #fcd34d;--sun-deep: #fbbf24;--sun-soft: #292318;--sun-ink: #fef3c7;--ink: #f8fafc;--ink-light: #cbd5e1;--muted: #94a3b8;--line: #334155;--cream: #0f172a;--cream-deep: #020617;--surface: #1e293b;--soft: #182234;--card-bg: #1e293b;--input-bg: #0f172a;--price-color: #f8fafc;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .35);--shadow: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 36px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}html,body{margin:0;padding:0;width:100%;max-width:100vw;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}body{font-family:var(--font-body);background:var(--cream);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.15;margin:0 0 .5rem;color:var(--ink)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 clamp(12px,2.5vw,36px)}.section{padding:56px 0}.text-muted{color:var(--muted)}.center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-display);font-weight:800;font-size:1rem;padding:12px 22px;border-radius:999px;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;text-align:center}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:#facc15;color:#0f172a;box-shadow:0 4px 14px #facc1559}.btn-primary:hover{background:#eab308;color:#0f172a;box-shadow:0 6px 20px #eab30873;transform:translateY(-1px)}.btn-mint{background:#38bdf8;color:#fff;box-shadow:0 4px 14px #38bdf859}.btn-mint:hover{background:#0284c7;color:#fff;box-shadow:0 6px 20px #0284c773;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--ink);border:2px solid var(--line)}.btn-ghost:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.btn-block{width:100%}.btn-sm{padding:8px 16px;font-size:.9rem}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--line);transition:box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.card-pad{padding:22px}.field{margin-bottom:16px}.field label{display:block;font-weight:700;margin-bottom:6px;font-size:.92rem;color:var(--ink)}.input,select.input,textarea.input{width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:2px solid var(--line);background:var(--input-bg);font-family:var(--font-body);font-size:1rem;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease,background-color .2s ease}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow)}textarea.input{min-height:110px;resize:vertical}.badge{display:inline-block;padding:3px 12px;border-radius:999px;font-size:.78rem;font-weight:700;background:var(--soft);color:var(--ink)}.badge-sale{background:#cc0c39;color:#fff;font-weight:800;text-align:center}.badge-sun{background:var(--sun-soft);color:var(--sun-ink)}.status{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.8rem;font-weight:700}.status-pending{background:#fff0d6;color:#a9721f}.status-confirmed{background:#e3f0ff;color:#2b6cb0}.status-processing{background:#ede0ff;color:#6b46c1}.status-shipped,.status-out_for_delivery{background:#dcf1ff;color:#2c7fb8}.status-delivered{background:#dff5ec;color:#2f855a}.status-cancelled{background:#ffe0dd;color:#c53030}.grid{display:grid;gap:22px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.font-nunito{font-family:var(--font-display)!important}.font-poppins{font-family:var(--font-body)!important}.text-primary{color:var(--primary)!important}.bg-primary{background-color:var(--primary)!important}.text-secondary{color:var(--secondary)!important}.bg-secondary{background-color:var(--secondary)!important}.text-accent{color:var(--accent)!important}.bg-accent{background-color:var(--accent)!important}.bg-pastel-blue{background-color:var(--pastel-blue)!important}.bg-pastel-pink{background-color:var(--pastel-pink)!important}.bg-pastel-green{background-color:var(--pastel-green)!important}.bg-pastel-purple{background-color:var(--pastel-purple)!important}.bg-pastel-yellow{background-color:var(--pastel-yellow)!important}.bg-pastel-red{background-color:var(--pastel-red)!important}.flex{display:flex}.between{justify-content:space-between}.items-center{align-items:center}.gap{gap:12px}.gap-lg{gap:24px}.wrap{flex-wrap:wrap}.mt{margin-top:16px}.mt-lg{margin-top:32px}.mb{margin-bottom:16px}.price{font-family:var(--font-display);font-weight:800;color:var(--price-color)}.strike{text-decoration:line-through;color:var(--muted);font-weight:600;font-size:.9em}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-weight:600;margin-bottom:14px}.alert-error{background:#ffe6e3;color:#c1352a}.alert-success{background:#dff5ec;color:#2f855a}.alert-info{background:var(--soft);color:var(--ink);font-weight:500}.spinner{width:34px;height:34px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--brand);animation:spin .8s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;min-width:600px}.table th,.table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap;color:var(--ink)}.table th{font-family:var(--font-display);font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.rich{color:var(--ink-light);font-size:.97rem;line-height:1.75}.rich>:first-child{margin-top:0}.rich>:last-child{margin-bottom:0}.rich h2{font-family:var(--font-display);font-size:1.2rem;margin:1.4em 0 .4em;color:var(--ink)}.rich h3{font-family:var(--font-display);font-size:1.03rem;margin:1.2em 0 .35em;color:var(--ink)}.rich p{margin:0 0 1em}.rich ul,.rich ol{margin:0 0 1em;padding-left:1.35em}.rich li{margin-bottom:.4em}.rich li::marker{color:var(--accent)}.rich a{color:var(--ink);text-decoration:underline}.rich a:hover{color:var(--brand-dark)}.rich strong,.rich b{color:var(--ink);font-weight:800}.rich blockquote{margin:1.2em 0;padding:2px 0 2px 16px;border-left:3px solid var(--line);color:var(--ink);font-style:italic}.rich img{display:block;max-width:100%;width:auto;max-height:420px;height:auto;border-radius:var(--radius-sm);margin:1.4em auto;box-shadow:var(--shadow-sm)}.rich figure{margin:1.2em 0}.rich figcaption{font-size:.84rem;color:var(--muted);text-align:center;margin-top:.5em}.overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:100;padding:16px}.modal{width:min(640px,100%);max-height:90vh;display:flex;flex-direction:column;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--line);background:var(--surface);flex-shrink:0}.modal-head h2,.modal-head h3{margin:0;font-size:1.2rem}.modal-body{padding:20px 22px;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--line);background:var(--surface);flex-shrink:0}@media (max-width: 1200px){:root{--listing-cols: 3}.grid-4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 960px){:root{--listing-cols: 3}.grid-4{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.container{padding:0 clamp(12px,3vw,24px)}}@media (max-width: 768px){:root{--listing-cols: 2}.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid-2{grid-template-columns:1fr;gap:14px}.section{padding:28px 0}.hide-sm,.hide-mobile{display:none!important}.card-pad{padding:14px}h1{font-size:clamp(1.4rem,5vw,1.8rem)}h2{font-size:clamp(1.2rem,4vw,1.45rem)}h3{font-size:clamp(1.05rem,3.5vw,1.2rem)}.overlay{padding:10px}.modal{max-height:94vh;width:min(640px,96vw);border-radius:var(--radius-sm)}.modal-head,.modal-foot{padding:10px 14px}.modal-body{padding:12px 14px}input,select,textarea{font-size:16px!important}}@media (max-width: 560px){:root{--listing-cols: 2}.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid-2{grid-template-columns:1fr;gap:12px}.grid{gap:10px}.container{padding:0 10px}.btn{padding:10px 16px;font-size:.9rem}.btn-sm{padding:6px 12px;font-size:.8rem}}@media (max-width: 380px){:root{--listing-cols: 2}.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.container{padding:0 8px}.btn{padding:8px 12px;font-size:.85rem}}@media (min-width: 1400px){:root{--maxw: 1340px;--listing-cols: 4}}@media (min-width: 1600px){:root{--maxw: 1520px;--listing-cols: 5}}@media (min-width: 1900px){:root{--maxw: 1760px;--listing-cols: 5}}@media (min-width: 2400px){:root{--maxw: 2040px;--listing-cols: 6}}