@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
@import url('parser.css');
@import url('parser-seed.css');
.success{background:#d8f0df;color:var(--green)}.import-hint{margin-bottom:14px}.import-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.import-form input[type=file]{max-width:100%;padding:9px}
.sheet-status{flex-direction:row;align-items:center}.sheet-status input{width:auto}.item-edit{grid-template-columns:minmax(130px,1fr) 90px 90px minmax(100px,130px)}.sync-label{font-size:12px;color:var(--muted);margin:8px 0}.sync-ok{color:var(--green)}.sync-error{color:var(--danger)}
:root{--ink:#17211b;--muted:#758078;--line:#dfe5df;--paper:#f7f8f4;--card:#fff;--green:#176b4b;--lime:#cfe865;--orange:#f4a259;--blue:#9dc9df;--pink:#e7b9bd;--danger:#a33d3d;--shadow:0 16px 40px rgba(24,42,31,.07)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 'DM Sans',sans-serif}h1,h2,p{margin:0}h1,h2{font-family:'Space Grotesk',sans-serif;letter-spacing:0}h1{font-size:28px}h2{font-size:20px}.app-shell{min-height:100vh;padding-bottom:76px}.page,.topbar{max-width:1080px;margin:auto}.topbar{padding:28px 20px 20px;display:flex;justify-content:space-between;align-items:flex-start}.page{padding:0 20px 40px}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700;color:var(--green);margin-bottom:6px}.muted,.hint,small{color:var(--muted)}.small{font-size:12px}.hero-panel{background:var(--green);color:white;padding:28px;border-radius:4px;display:flex;gap:24px;align-items:end;justify-content:space-between;box-shadow:var(--shadow);margin:4px 0 34px}.hero-panel .eyebrow{color:var(--lime)}.hero-panel h2{font-size:29px;max-width:530px;margin-bottom:8px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:30px}.metric-card,.list-panel,.form-panel,.connection-panel,.order-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}.metric-card{padding:18px;min-height:137px;display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit}.metric-card strong{font:700 30px 'Space Grotesk'}.metric-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;margin-bottom:7px}.orange{background:var(--orange)}.green{background:var(--lime)}.blue{background:var(--blue)}.pink{background:var(--pink)}.list-panel,.form-panel,.connection-panel{padding:22px;margin-bottom:18px}.quick-row{display:flex;align-items:center;gap:13px}.quick-number{font:700 42px 'Space Grotesk'}.button{border:0;padding:12px 17px;font:600 14px 'DM Sans';cursor:pointer;text-decoration:none;display:inline-block;border-radius:2px}.button.primary{background:var(--green);color:white}.button.light{background:var(--lime);color:var(--ink)}.button.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.button:disabled{opacity:.55;cursor:wait}.button-row{display:flex;gap:10px;flex-wrap:wrap}.text-link{color:var(--green);font-weight:700;text-decoration:none}.icon-link{color:var(--muted);text-decoration:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);display:flex;justify-content:center;z-index:5}.bottom-nav a{width:25%;max-width:130px;color:var(--muted);text-decoration:none;padding:11px 4px 9px;text-align:center;font-size:20px}.bottom-nav span{display:block;font-size:11px}.bottom-nav a.active{color:var(--green)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:13px}input,select,textarea{border:1px solid var(--line);background:#fff;padding:12px;border-radius:2px;font:inherit;color:var(--ink);width:100%}.form-grid .button{justify-self:start}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:500px}th,td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px}.customer-list,.message-list{display:grid;gap:8px}.customer-row,.message-row{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.avatar{flex:0 0 36px;height:36px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-size:11px;font-weight:700}.message-row p{margin:3px 0}.alert{padding:10px;margin-bottom:14px}.danger{background:#f9e2e2;color:var(--danger)}.connection-panel{display:flex;flex-direction:column;gap:20px}.status-line{display:flex;gap:12px;align-items:center}.status-dot{width:12px;height:12px;background:#bbb;border-radius:50%;flex:0 0 auto}.status-dot.connected{background:#36a269}.status-dot.qr_pending,.status-dot.connecting,.status-dot.resetting{background:var(--orange)}.status-dot.resetting{box-shadow:0 0 0 6px rgba(244,162,89,.16)}.qr-box{padding:20px;background:#f1f4ed;text-align:center}.qr-box img{display:block;width:min(280px,100%);margin:15px auto 0}.hidden{display:none}.live-label{color:var(--green);font-size:11px;font-weight:700}.filter-tabs{display:flex;gap:6px;overflow:auto;margin:5px 0 20px}.filter-tabs a{padding:9px 13px;border:1px solid var(--line);color:var(--muted);text-decoration:none;white-space:nowrap}.filter-tabs a.selected{background:var(--green);color:white;border-color:var(--green)}.order-list{display:grid;gap:12px}.order-card{padding:20px;text-decoration:none;color:inherit}.order-card-top{display:flex;justify-content:space-between}.order-card h2{margin:13px 0 4px}.badge{padding:5px 8px;font-size:11px;text-transform:capitalize}.badge.draft{background:#edf3ca}.badge.needs_review{background:#ffe6c5}.badge.confirmed{background:#d8f0df}.item-edit{display:grid;grid-template-columns:1fr 100px 130px;gap:8px;margin-bottom:14px}.auth-page{display:grid;place-items:center;min-height:100vh;padding:20px;background:var(--green)}.auth-card{background:white;max-width:450px;width:100%;padding:32px;box-shadow:var(--shadow)}.brand-mark{width:42px;height:42px;background:var(--lime);display:grid;place-items:center;font:700 14px 'Space Grotesk';margin-bottom:24px}.auth-card h1{font-size:32px;margin-bottom:8px}.stack{display:grid;gap:15px;margin-top:24px}.hint{font-size:12px;margin-top:18px}.auth-card a{color:var(--green)}@media(min-width:700px){.metric-grid{grid-template-columns:repeat(4,1fr)}.connection-panel{max-width:700px}.bottom-nav{position:static;max-width:1080px;margin:auto;background:transparent;border:0;justify-content:flex-start;padding:0 20px}.bottom-nav a{width:auto;padding:10px 18px 10px 0;margin-right:16px}.app-shell{padding-bottom:0}.page{padding-bottom:30px}.bottom-nav span{display:inline;margin-left:6px}.bottom-nav a{font-size:15px}.bottom-nav a:first-child{padding-left:0}}