:root{--bg: #fbf5f2;--surface: #ffffff;--surface-alt: #f6e9e4;--ink: #3b2027;--ink-soft: #83606a;--ink-faint: #a98891;--accent: #a8324b;--accent-2: #c97b93;--accent-tint: #f3d9df;--gold: #a9813f;--gold-tint: #efe2c6;--line: #e7d3cd;--success: #4b7a5b;--success-tint: #e0ead9;--warning: #b4842a;--warning-tint: #f5e5c9;--danger: #a23b3b;--danger-tint: #f3ddd7;--info: #4c6e8c;--info-tint: #dde7ee;--shadow: 0 1px 2px rgba(59, 32, 39, .06), 0 8px 24px -12px rgba(59, 32, 39, .18);--radius: 14px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Karla,system-ui,sans-serif;overflow-x:hidden}img,svg,video{max-width:100%;height:auto}h1,h2,h3,h4{font-family:Fraunces,Georgia,serif;font-weight:600;margin:0;text-wrap:balance}.ar{font-family:Amiri,Traditional Arabic,serif;direction:rtl}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:.88rem;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow)}.btn-primary:hover{background:#922a41}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn-secondary:hover{background:var(--surface-alt)}.btn-ghost{background:transparent;color:var(--accent)}.btn:disabled{opacity:.55;cursor:not-allowed}.chip{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:3px 9px;border-radius:999px;white-space:nowrap}.chip-guest,.chip-info{background:var(--info-tint);color:var(--info)}.chip-customer,.chip-accent{background:var(--accent-tint);color:var(--accent)}.chip-seller,.chip-gold{background:var(--gold-tint);color:var(--gold)}.chip-admin{background:var(--surface-alt);color:var(--ink-soft);border:1px solid var(--line)}.chip-success{background:var(--success-tint);color:var(--success)}.chip-warning{background:var(--warning-tint);color:var(--warning)}.chip-danger{background:var(--danger-tint);color:var(--danger)}.chip-published{background:var(--accent);color:#fff}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.input{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.input:focus-visible{border-color:var(--accent)}label.field{display:flex;flex-direction:column;gap:5px;font-size:.82rem;color:var(--ink-soft);margin-bottom:14px}label.field span{font-weight:600;color:var(--ink)}.container{max-width:1160px;margin:0 auto;padding:0 24px}@media (max-width: 600px){.container{padding:0 14px}}.grid-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px}.grid-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.grid-main-aside{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:8px}.grid-aside-main{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}@media (max-width: 760px){.grid-split,.grid-two,.grid-main-aside,.grid-aside-main{grid-template-columns:minmax(0,1fr)}.grid-split{gap:24px}.grid-aside-main{gap:16px}}.site-nav-inner{flex-wrap:wrap;row-gap:8px}.site-nav-links{flex-wrap:wrap}@media (max-width: 720px){.site-nav-inner{height:auto!important;padding-top:10px;padding-bottom:10px;gap:10px 14px!important}.site-nav-links{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.site-nav-links::-webkit-scrollbar{display:none}.site-nav-links a{white-space:nowrap}}.stack{display:flex;flex-direction:column}.badge-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.scroll-x{overflow-x:auto}::selection{background:var(--accent-tint)}