:root{--cream:#f6f1ea;--terracotta:#b35a2a;--terracotta-2:#8f3f1d;--petrol:#234b5a;--bg:#fff;--bg2:#f6f7f9;--text:#0b0f1a;--muted:#0b0f1a9e;--panel:#fff;--border:#0b0f1a1a;--border2:#0b0f1a29;--input-bg:#fff;--input-border:#0b0f1a24;--shadow:0 20px 60px #0b0f1a1f;--shadow2:0 8px 24px #0b0f1a1a;--radius-lg:18px;--radius-md:12px;--font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--text);background:var(--bg)}.ds-page{background:radial-gradient(900px 480px at 12% 10%,#234b5a0f,transparent 62%),radial-gradient(900px 520px at 92% 20%,#b35a2a0f,transparent 60%),linear-gradient(180deg,var(--bg),var(--bg2));min-height:100vh;padding:28px}.ds-center{place-items:center;min-height:calc(100vh - 56px);display:grid}.ds-card{border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--border);width:100%;max-width:460px;box-shadow:var(--shadow);padding:26px 26px 20px;position:relative}.ds-card:before{content:"";opacity:.9;background:linear-gradient(90deg,#0000,#b35a2af2,#0000);border-radius:999px;height:2px;position:absolute;top:0;left:18px;right:18px}.ds-brand{align-items:center;gap:12px;margin-bottom:16px;display:flex}.ds-mark{letter-spacing:.6px;width:44px;height:44px;color:var(--petrol);background:#234b5a14;border:1px solid #234b5a2e;border-radius:14px;place-items:center;font-weight:950;display:grid}.ds-h1{letter-spacing:.6px;font-size:20px;font-weight:950;line-height:1.1}.ds-sub{color:var(--muted);margin-top:3px;font-size:12px}.ds-tabs{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 16px;display:grid}.ds-tab{border:1px solid var(--border);color:#0b0f1acc;cursor:pointer;background:#fff;border-radius:999px;padding:12px 14px;font-weight:900;transition:background .15s,border-color .15s,transform 80ms}.ds-tab:hover{background:#0b0f1a08}.ds-tab:active{transform:translateY(1px)}.ds-tab.is-active{color:var(--petrol);background:#234b5a0f;border-color:#234b5a59}.ds-form{gap:12px;display:grid}.ds-label{color:#0b0f1aad;gap:6px;font-size:12px;display:grid}.ds-input{border-radius:var(--radius-md);border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--text);outline:none;padding:12px;transition:border-color .15s,box-shadow .15s,background .15s}.ds-input::placeholder{color:#0b0f1a5c}.ds-input:focus{border-color:#234b5a8c;box-shadow:0 0 0 3px #234b5a24}.ds-row{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.ds-btn{color:#fff;cursor:pointer;letter-spacing:.2px;background:linear-gradient(#c86a33,#a84c22);border:1px solid #8f3f1d40;border-radius:999px;width:100%;padding:14px 16px;font-weight:950;transition:transform 80ms,filter .15s,opacity .15s;box-shadow:0 14px 28px #b35a2a2e}.ds-btn:hover{filter:brightness(1.03)}.ds-btn:active{transform:translateY(1px)}.ds-btn:disabled{opacity:.55;cursor:not-allowed}.ds-btn--ghost{border:1px solid var(--border);color:#0b0f1ad1;cursor:pointer;box-shadow:var(--shadow2);background:#fff;border-radius:999px;padding:12px 14px;font-weight:900;transition:background .15s,transform 80ms,opacity .15s}.ds-btn--ghost:hover{background:#0b0f1a08}.ds-btn--ghost:active{transform:translateY(1px)}.ds-btn--ghost:disabled{opacity:.55;cursor:not-allowed}.ds-notice{border-radius:var(--radius-md);background:#0b0f1a08;border:1px solid #0b0f1a1a;padding:10px 12px;font-size:13px;line-height:1.35}.ds-notice.success{border-color:#00aa7840}.ds-notice.error{border-color:#ff50504d}.ds-notice.info{border-color:#234b5a4d}.ds-footer{color:#0b0f1a9e;text-align:center;margin-top:10px;font-size:12px}.ds-link{color:var(--petrol);cursor:pointer;background:0 0;border:none;padding:0;font-weight:950;text-decoration:underline}@media (max-width:520px){.ds-page{padding:18px}.ds-card{padding:22px 18px 16px}}.ds-shell{max-width:980px;margin:0 auto}.ds-topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.ds-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ds-title{letter-spacing:.2px;margin:0;font-size:28px;font-weight:950}.ds-panel{background:#fff;border:1px solid #0b0f1a1a;border-radius:18px;box-shadow:0 20px 60px #0b0f1a1a}.ds-panel--pad{padding:18px}.ds-divider{background:#0b0f1a1a;height:1px;margin:16px 0}.ds-btn-secondary{color:#0b0f1ae0;cursor:pointer;background:#fff;border:1px solid #0b0f1a1f;border-radius:999px;padding:12px 14px;font-weight:900}.ds-btn-secondary:hover{background:#0b0f1a08}.ds-link-inline{color:var(--petrol);font-weight:900;text-decoration:underline}.ds-muted{color:#0b0f1a9e}.ds-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ds-item{background:#0b0f1a05;border:1px solid #0b0f1a14;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.ds-item:hover{background:#0b0f1a09}.ds-item strong{font-weight:950}.ds-badge{color:var(--petrol);background:#234b5a0f;border:1px solid #234b5a33;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.ds-btn-secondary--sm{padding:10px 12px;font-size:13px}.ds-form-row{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.ds-input:disabled,select.ds-input:disabled{opacity:1;background:var(--bg2)!important;color:var(--muted)!important;cursor:default!important;border-color:var(--border)!important}@media (max-width:768px){.ds-shell{padding:0 12px}.ds-page{padding:12px}}@keyframes saved-pop{0%{opacity:0;transform:translateY(6px)scale(.9)}15%{opacity:1;transform:translateY(-2px)scale(1.08)}30%{transform:translateY(0)scale(1)}75%{opacity:1}to{opacity:0}}.saved-msg{color:#00aa78;font-size:12px;font-weight:700;animation:3s forwards saved-pop}@keyframes confetti-fade{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-20px)scale(.8)}}.saved-msg:before{content:"✨ "}.ds-hub-grid{grid-template-columns:1fr 300px;align-items:start;gap:20px;min-width:0;display:grid}@media (max-width:768px){.ds-shell{padding:0 12px}.ds-page{padding:12px}.ds-hub-grid{grid-template-columns:1fr}.ds-hub-grid>div{min-width:0;overflow:hidden}#card-preview{max-width:100%}#qr-canvas canvas{max-width:100%;height:auto}.ds-panel--pad button.ds-btn-secondary{white-space:normal}}@media (max-width:400px){.pm-hero{height:130px}.pm-item-img,.pm-item-img-placeholder{width:72px;height:72px}.pm-tab{padding:12px 10px;font-size:12px}}@media (max-width:600px){.me-topbar{padding:0 10px}.me-topbar-left{gap:8px}.me-restaurant-name{text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:13px;overflow:hidden}.me-subtitle,.me-pill{display:none}.me-btn-ghost,.me-btn-publish{padding:6px 10px;font-size:11px}.me-topbar-right{gap:5px}.me-body{padding:16px 12px 60px}}