@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Sora:wght@600;700;800&display=swap');
body,button,input,select,textarea{font-family:"Plus Jakarta Sans","Segoe UI",system-ui,sans-serif!important;font-size:15px;line-height:1.55;letter-spacing:-.012em}
body h1,body h2,body h3,body .brand,body .metrics strong,body .login-card h1,body .pagehead h1,body .panelhead h2,body .modalhead h2{font-family:Sora,"Plus Jakarta Sans","Segoe UI",sans-serif!important;letter-spacing:-.045em}
input,select,textarea{min-height:46px;border-radius:12px;border-color:color-mix(in srgb,var(--line) 86%,var(--primary));background:color-mix(in srgb,var(--surface2) 78%,var(--surface));box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 1px 2px rgba(20,22,38,.025);transition:border-color .2s,box-shadow .2s,background .2s}
input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--line))}
input:focus,select:focus,textarea:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 13%,transparent),0 8px 25px rgba(20,22,38,.06)}
label>small,.section-help{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin:4px 0 12px}
.panel{border-radius:18px;box-shadow:0 12px 35px rgba(25,28,52,.055);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.primary,.secondary{min-height:42px;border-radius:12px;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.primary:hover,.secondary:hover{transform:translateY(-1px);filter:saturate(1.08)}
dialog{max-height:min(88vh,900px);overflow:auto;border-radius:22px;border-color:color-mix(in srgb,var(--primary) 14%,var(--line));box-shadow:0 35px 100px rgba(14,16,29,.28)}
dialog[open]{animation:modal-in .24s cubic-bezier(.2,.8,.2,1)}dialog::backdrop{animation:backdrop-in .2s ease}
.dialog-auto-close,.close{position:sticky;float:right;top:12px;margin:12px 12px -54px auto;z-index:8;display:grid;place-items:center;width:40px;height:40px;min-height:40px;padding:0;border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--text);font-size:24px;line-height:1;box-shadow:0 8px 24px rgba(20,22,38,.12);cursor:pointer;backdrop-filter:blur(14px)}
.modalhead .close{position:static;float:none;margin:0}
.pos-custom{margin:14px 0;padding:16px;border:1px dashed color-mix(in srgb,var(--primary) 35%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--primary) 4%,var(--surface))}.pos-custom h3{margin:0 0 4px}.pos-cart-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 90px 34px;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.pos-custom .formgrid{grid-template-columns:minmax(0,1.6fr) minmax(120px,.7fr);align-items:end}.pos-custom .formgrid button{align-self:end;min-width:0}.pos-custom label{min-width:0}.pos-custom input{width:100%}.formgrid{align-items:start}.formgrid>label{min-width:0}.formgrid>label input,.formgrid>label select,.formgrid>label textarea{width:100%}dialog form{overflow:hidden}.tax-choice{display:flex!important;grid-auto-flow:column;justify-content:start;align-items:center;gap:10px!important;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.tax-choice input{width:18px!important;min-height:18px;margin:0}.tax-choice small{margin:0}
@keyframes modal-in{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes backdrop-in{from{background:transparent}}
@media(max-width:700px){dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);margin:auto;border-radius:20px}.dialog-auto-close{position:sticky;top:8px;margin-top:8px}.topbar{height:64px}.locale-chip{margin-left:auto}.page{padding-bottom:88px}.pos-cart-row{grid-template-columns:1fr 72px 34px}.pos-cart-row span{grid-column:1/-1}.tracking-brand .brand-logo{width:54px;height:54px}.pos-custom .formgrid{grid-template-columns:1fr}.pos-custom .formgrid button{width:100%}.formgrid{grid-template-columns:1fr}.formgrid .span2{grid-column:1}}

.user-profile{display:flex;align-items:center;gap:10px;padding:10px 12px}.user-profile small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.logout-form{padding:0 8px 8px}.logout-button{width:100%;min-height:40px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);color:var(--text);display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;cursor:pointer;transition:.2s}.logout-button:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}
.sidebar{overflow:hidden}.sidebar nav{overflow-y:auto;min-height:0;padding-right:4px;scrollbar-width:thin}.sidebar-bottom{flex:0 0 auto;background:var(--surface);padding-top:8px}.order-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.order-filters a{padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);text-decoration:none;font-size:12px}.order-filters a.active{background:var(--primary);border-color:var(--primary);color:#fff}.order-actions{display:flex;gap:7px;align-items:center}.archive-button{border:1px solid var(--line);background:var(--surface2);border-radius:9px;padding:7px 10px;cursor:pointer;font-size:11px}.orders-empty{text-align:center;padding:40px;color:var(--muted)}

.platform-logo{display:block;max-width:170px;max-height:46px;width:auto;height:auto;object-fit:contain}.brand .platform-logo{max-width:42px;max-height:42px}.favicon-preview{display:block;width:48px;height:48px;object-fit:contain;margin-top:10px;padding:6px;border:1px solid var(--line);border-radius:10px}.social-preview{display:block;max-width:320px;max-height:168px;object-fit:cover;margin-top:10px;border:1px solid var(--line);border-radius:12px}.dark-preview{background:#11131c}.brand-form hr{margin:24px 0}