:root{--bg: #f3eee4;--surface: #fffdf8;--ink: #17202b;--muted: #5c6570;--line: #ddd4c4;--navy: #182536;--navy-2: #223449;--accent: #9c3d2d;--accent-soft: #f3e4df;--green: #215c45;--green-soft: #e3efe8;--amber: #8a4b12;--amber-soft: #f6ead8;--blue: #2c4a6e;--blue-soft: #e5ecf4;--red: #8f2d28;--red-soft: #f5e3e1;--shadow: 0 0 0 1px var(--line);--radius: 12px;--font: "Figtree", system-ui, sans-serif;--serif: "Newsreader", Georgia, serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--ink);background:var(--bg);font-family:var(--font);font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100%}.sidebar{background:var(--navy);color:#f4efe6;display:flex;flex-direction:column;padding:22px 16px 18px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:4px 8px 22px;border-bottom:1px solid rgba(244,239,230,.12);margin-bottom:18px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:#c45a3c;color:#fffdf8;font-family:var(--serif);font-weight:700;font-size:15px;letter-spacing:.04em}.brand strong{display:block;font-size:15px;letter-spacing:.08em}.brand small{color:#f4efe69e;font-size:12px}.nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav a{padding:8px 10px;border-radius:8px;color:#f4efe6c7;font-size:14px}.nav a:hover,.nav-action:hover{background:var(--navy-2);color:#fff}.nav a.active{background:#fffdf8;color:var(--navy);font-weight:600}.nav-action{width:100%;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#f4efe6c7;text-align:left;font-size:14px;cursor:pointer}.nav-action:disabled{opacity:.65;cursor:wait}.nav-label{margin:18px 10px 6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#f4efe673}.sidebar-foot{font-size:11px;line-height:1.45;color:#f4efe67a;padding:12px 8px 0;border-top:1px solid rgba(244,239,230,.12)}.session{display:flex;flex-direction:column;gap:4px}.session strong{color:#f4efe6;font-size:13px}.session span{word-break:break-all}.boot{min-height:100%;display:grid;place-content:center;justify-items:center;gap:12px;color:var(--muted)}.login-shell{min-height:100%;display:grid;grid-template-columns:minmax(280px,42%) 1fr}.login-panel{background:var(--navy);color:#f4efe6;padding:48px 40px;display:flex;flex-direction:column;justify-content:center}.login-panel h1{font-family:var(--serif);font-size:36px;font-weight:600;line-height:1.15;margin:8px 0 12px;letter-spacing:-.02em}.login-panel p{margin:0;max-width:28ch;color:#f4efe6b8}.login-panel .brand-mark{margin-bottom:28px}.login-panel .kicker{color:#e3b7aa}.login-main{display:grid;place-items:center;padding:32px 20px}.login-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:28px;display:grid;gap:14px}.login-card h2{font-family:var(--serif);font-size:28px;margin:0}.login-card .btn{width:100%}.login-hint{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:4px;color:var(--muted);font-size:12px}.login-hint p{margin:0 0 4px;font-weight:600;color:var(--ink)}.login-hint code{font-family:var(--font);color:var(--ink)}.main{padding:28px 36px 48px;min-width:0}.coming-soon-card{min-height:320px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;padding:40px 24px}.coming-soon-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:26px;font-weight:700;letter-spacing:.08em;line-height:1}.coming-soon-card h2{margin:8px 0 0;font-family:var(--serif);font-size:30px;font-weight:600}.coming-soon-card p{margin:0;color:var(--muted)}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px}.page-head h1{font-family:var(--serif);font-size:32px;font-weight:600;margin:0 0 4px;letter-spacing:-.02em}.page-head p{margin:0;color:var(--muted)}.kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:600;margin:0 0 6px}.btn{border:1px solid var(--ink);background:var(--ink);color:#fffdf8;padding:8px 14px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px}.btn:hover{background:#000}.btn.secondary{background:transparent;color:var(--ink)}.btn.secondary:hover{background:#efe8da}.btn.secondary.sign-out:hover{background:var(--navy-2);color:#f4efe6}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.danger{background:transparent;color:var(--red);border-color:var(--red-soft)}.btn:disabled{opacity:.5;cursor:not-allowed}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.stat span{display:block;font-size:12px;color:var(--muted);letter-spacing:.04em}.stat strong{display:block;font-family:var(--serif);font-size:28px;font-weight:600;margin-top:6px}.stat em{font-style:normal;font-size:12px;color:var(--muted)}.grid-2{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.card h2{font-size:15px;margin:0;font-weight:650}.card-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.card-body{padding:8px 0}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:11px 16px;border-bottom:1px solid var(--line);vertical-align:top}.table th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#faf6ee}.table tbody tr.clickable{cursor:pointer}.link-btn{border:0;background:none;padding:0;color:var(--accent);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.link-btn:hover{color:var(--ink)}.muted{color:var(--muted)}.small{font-size:13px}.stack{display:flex;flex-direction:column;gap:2px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.01em;background:#efe8da;color:var(--ink)}.badge.pending{background:var(--amber-soft);color:var(--amber)}.badge.confirmed,.badge.open{background:var(--blue-soft);color:var(--blue)}.badge.in_production{background:#ece6f4;color:#5b3d8a}.badge.shipped{background:var(--accent-soft);color:var(--accent)}.badge.delivered,.badge.published{background:var(--green-soft);color:var(--green)}.badge.authorized{background:var(--blue-soft);color:var(--blue)}.badge.paid,.badge.captured{background:var(--green-soft);color:var(--green)}.badge.failed,.badge.refunded{background:var(--red-soft);color:var(--red)}.badge.awaiting_fulfilment{background:var(--amber-soft);color:var(--amber)}.badge.preparing,.badge.planning_to_ship{background:var(--blue-soft);color:var(--blue)}.badge.on_hold{background:#efe8da;color:var(--ink)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.92em;word-break:break-all}.copyable{display:flex;flex-direction:column;gap:6px}.copyable-row{display:flex;align-items:flex-start;gap:8px;min-height:24px}.copyable-row strong{flex:1;min-width:0}.copyable-text{white-space:pre-wrap;line-height:1.4}.copy-btn{opacity:0;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:6px;width:28px;height:28px;display:grid;place-items:center;cursor:pointer;flex-shrink:0;padding:0;transition:opacity .12s ease}.copyable:hover .copy-btn,.copyable:focus-within .copy-btn{opacity:1}.copy-btn:hover{color:var(--ink);border-color:var(--ink)}.fulfilment-box{border:1px solid var(--line);border-radius:12px;padding:14px;background:#faf6ee;display:grid;gap:12px}.toolbar{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.input,select.input,textarea.input{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 10px;min-width:0}.input:focus,select.input:focus,textarea.input:focus{outline:2px solid #c9b79a;outline-offset:1px}.search{flex:1;min-width:220px}.layout-split{display:grid;grid-template-columns:320px 1fr;gap:16px;min-height:560px}.list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:auto}.list-item{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:12px 14px;cursor:pointer}.list-item:hover{background:#faf6ee}.list-item.active{background:var(--accent-soft)}.form{display:grid;gap:12px;padding:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label.field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--muted)}label.field.full{grid-column:1 / -1}.drawer-overlay,.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#17202b66;display:grid;z-index:20}.drawer-overlay{justify-content:end}.modal-overlay{place-items:center;padding:24px 16px;overflow:auto}.drawer,.modal{background:var(--surface);width:min(520px,100%);height:100%;overflow:auto;border-left:1px solid var(--line)}.modal{height:auto;max-height:min(880px,92vh);width:min(920px,100%);border:1px solid var(--line);border-radius:14px;border-left:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.order-modal{width:min(920px,calc(100vw - 32px));max-height:min(880px,92vh)}.address-modal{width:min(440px,calc(100vw - 32px));max-height:min(640px,92vh)}.address-modal-body{padding:8px 22px 22px}.address-fields{display:grid;gap:12px}.order-modal .panel-head{flex-shrink:0;padding:20px 22px 12px;border-bottom:1px solid var(--line)}.order-modal .panel-head h2{font-size:18px;word-break:break-all}.order-modal-body.form{flex:1;overflow:auto;padding:16px 22px 22px;gap:14px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 0}.panel-head h2{font-family:var(--serif);font-size:24px;margin:0 0 4px}.form-actions{display:flex;justify-content:space-between;gap:8px;padding-top:8px}.bars{display:grid;gap:10px;padding:16px}.bar-row{display:grid;grid-template-columns:110px 1fr 28px;gap:10px;align-items:center;font-size:13px}.bar-track{height:8px;background:#efe8da;border-radius:99px;overflow:hidden}.bar-fill{height:100%;background:var(--navy)}.notice{background:var(--green-soft);color:var(--green);padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600}.error{background:var(--red-soft);color:var(--red);padding:8px 12px;border-radius:8px;font-size:13px}.activity{list-style:none;margin:0;padding:4px 0 12px}.activity li{padding:10px 16px;border-bottom:1px solid var(--line)}.activity li:last-child{border-bottom:0}.item-row{display:grid;grid-template-columns:1fr 72px 88px 32px;gap:8px;align-items:center}.empty{padding:28px 16px;text-align:center;color:var(--muted)}@media(max-width:1100px){.stats,.grid-2,.layout-split,.form-grid,.shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.main{padding:20px 16px 40px}.login-shell{grid-template-columns:1fr}.login-panel{padding:32px 24px;min-height:280px}}