:root{--ink:#020617;--navy:#0f172a;--navy2:#1e293b;--aqua:#06b6d4;--aquaDark:#0891b2;--foam:#ecfeff;--bg:#f8fafc;--border:#e2e8f0;--text:#0f172a;--text2:#475569;--text3:#64748b;--danger:#dc2626;--amber:#b45309;--ok:#047857}*{box-sizing:border-box}body{background:#f8fafc;background:var(--bg);color:#0f172a;color:var(--text);font-family:Inter,system-ui,sans-serif;margin:0}a{color:#0891b2;color:var(--aquaDark)}.top{align-items:center;background:#020617;background:var(--ink);color:#fff;display:flex;flex-wrap:wrap;gap:14px;padding:12px 24px}.top img{height:30px}.top .sp{flex:1 1}.top select{background:#1e293b;background:var(--navy2);border-color:#1e293b;border-color:var(--navy2);color:#fff;font-size:14px;max-width:280px;padding:8px 10px;width:auto}.top button{background:#0000;border:1px solid #1e293b;border:1px solid var(--navy2);color:#cbd5e1;padding:8px 12px}.nav{background:#0f172a;background:var(--navy);display:flex;gap:4px;overflow-x:auto;padding:0 24px}.nav button{align-items:center;background:#0000;border:0;border-bottom:3px solid #0000;border-radius:0;color:#cbd5e1;display:flex;gap:8px;padding:12px 14px;white-space:nowrap}.nav button.on{border-bottom-color:#06b6d4;border-bottom-color:var(--aqua);color:#fff}.nav .count{background:#06b6d4;background:var(--aqua);border-radius:999px;color:#020617;color:var(--ink);font-size:11px;font-weight:900;padding:1px 7px}.wrap{margin:0 auto;max-width:1180px;padding:24px}.narrow{max-width:760px}.card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;margin-bottom:16px;padding:20px}h1{font-size:26px;font-weight:900;margin:0 0 6px}h2{font-size:18px;margin:0 0 12px}h2,h3{font-weight:800}h3{font-size:15px;margin:0 0 8px}.muted{color:#64748b;color:var(--text3);font-size:13px;line-height:1.5}.small{font-size:12px}label{display:block;font-size:13px;font-weight:700;margin:14px 0 6px}input,select,textarea{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;color:#0f172a;color:var(--text);font:inherit;font-size:15px;padding:10px 12px;width:100%}input:focus,select:focus,textarea:focus{border-color:#06b6d4;border-color:var(--aqua);outline:2px solid #06b6d4;outline:2px solid var(--aqua);outline-offset:-1px}input[type=checkbox]{accent-color:#0891b2;accent-color:var(--aquaDark);height:18px;margin:0;width:18px}textarea{min-height:110px;resize:vertical}button{align-items:center;background:#0891b2;background:var(--aquaDark);border:1px solid #0891b2;border:1px solid var(--aquaDark);border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-weight:700;gap:6px;justify-content:center;padding:10px 16px}button.secondary{background:#fff;border-color:#e2e8f0;border-color:var(--border);color:#0f172a;color:var(--navy)}button.danger{background:#fff;border-color:#fecaca;color:#dc2626;color:var(--danger)}a.btn{align-items:center;background:#0891b2;background:var(--aquaDark);border:1px solid #0891b2;border:1px solid var(--aquaDark);border-radius:10px;color:#fff;display:inline-flex;font-weight:700;gap:6px;padding:10px 16px;text-decoration:none}a.btn.secondary{background:#fff;border-color:#e2e8f0;border-color:var(--border);color:#0f172a;color:var(--navy)}button.link{background:none;border:0;color:#0891b2;color:var(--aquaDark);padding:4px 6px}button.icon{background:#fff;border-color:#e2e8f0;border-color:var(--border);color:#475569;color:var(--text2);padding:6px}button:disabled{cursor:default;opacity:.45}.row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.row>.grow{flex:1 1;min-width:160px}.spread{align-items:center;gap:12px;justify-content:space-between}.chips,.spread{display:flex;flex-wrap:wrap}.chips{gap:8px}.chip{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:999px;color:#475569;color:var(--text2);font-size:13px;font-weight:600;padding:6px 12px}.chip.on{background:#0891b2;background:var(--aquaDark);border-color:#0891b2;border-color:var(--aquaDark);color:#fff}.err{background:#fee2e2;color:#991b1b}.err,.ok{border-radius:10px;font-size:14px;font-weight:600;margin:10px 0;padding:10px 12px}.ok{background:#d1fae5;color:#065f46}.warn{background:#fef3c7;border-radius:10px;color:#92400e;font-size:14px;font-weight:600;margin:10px 0;padding:10px 12px}.badge{background:#f1f5f9;border-radius:6px;color:#475569;color:var(--text2);display:inline-block;font-size:11px;font-weight:800;letter-spacing:.4px;padding:2px 8px;text-transform:uppercase}.badge.ok{background:#d1fae5;color:#047857;color:var(--ok)}.badge.ok,.badge.warn{font-size:11px;margin:0;padding:2px 8px}.badge.warn{background:#fef3c7;color:#b45309;color:var(--amber)}.badge.new{background:#0891b2;background:var(--aquaDark);color:#fff}.tabsbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.tabsbar .tab{border:2px solid #0000;border-radius:10px;cursor:pointer;font-weight:800;padding:8px 14px}.tabsbar .tab.on{outline:3px solid #06b6d4;outline:3px solid var(--aqua);outline-offset:1px}table.menu{border-collapse:collapse;width:100%}table.menu th{color:#64748b;color:var(--text3);font-size:11px;letter-spacing:.4px;padding:8px 6px;text-align:left;text-transform:uppercase;white-space:nowrap}table.menu td,table.menu th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border)}table.menu td{padding:6px;vertical-align:middle}table.menu td input,table.menu td select{font-size:14px;padding:7px 8px}table.menu tr.dirty td{background:#f0fdfa}table.menu tr.hiddenrow td{opacity:.6}.money{width:96px}.cell-center{text-align:center}.iconpick{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#0f172a;color:var(--navy);cursor:pointer;display:inline-flex;height:34px;justify-content:center;padding:0;width:34px}.icongrid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}.icongrid button{background:#fff;border-color:#e2e8f0;border-color:var(--border);color:#0f172a;color:var(--navy);padding:8px}.icongrid button.on{background:#ecfeff;background:var(--foam);border-color:#0891b2;border-color:var(--aquaDark)}.savebar{align-items:center;background:#fff;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);bottom:0;box-shadow:0 -6px 20px #0f172a0f;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;padding:12px 24px;position:sticky;z-index:5}.savebar .sp{flex:1 1}.online-note{color:#64748b;color:var(--text3);font-size:11px}.scroll-x{overflow-x:auto}.backdrop{align-items:center;background:#02061780;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:50}.dialog{background:#fff;border-radius:16px;max-height:calc(100vh - 32px);max-width:560px;overflow:auto;padding:22px;width:100%}.dialog.wide{max-width:860px}.dialog .actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:18px}.list .line{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;font-size:14px;gap:12px;justify-content:space-between;padding:8px 0}.steps{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.steps button{background:#fff;border-color:#e2e8f0;border-color:var(--border);color:#475569;color:var(--text2);font-size:13px;padding:6px 10px}.steps button.on{background:#0f172a;background:var(--navy);border-color:#0f172a;border-color:var(--navy);color:#fff}.progress{background:#e2e8f0;border-radius:999px;height:6px;margin-bottom:18px;overflow:hidden}.progress>div{background:#0891b2;background:var(--aquaDark);height:100%}.thumbs{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.thumbs .ph{position:relative}.thumbs img{aspect-ratio:4/3;border-radius:10px;display:block;object-fit:cover;width:100%}.thumbs .ph button{background:#000000a6;border:0;padding:4px;position:absolute;right:6px;top:6px}.hero{aspect-ratio:16/9;background:#f1f5f9;border-radius:14px;object-fit:cover}.drop,.hero{display:block;width:100%}.drop{background:#fff;border:2px dashed #cbd5e1;border-radius:14px;color:#475569;color:var(--text2);cursor:pointer;font-weight:700;padding:28px;text-align:center}.drop:hover{border-color:#0891b2;border-color:var(--aquaDark)}.swatch{border:3px solid #0000;border-radius:50%;height:36px;padding:0;width:36px}.swatch.on{border-color:#0f172a;border-color:var(--navy)}.template{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:14px;color:#0f172a;color:var(--text);cursor:pointer;display:block;flex:1 1;min-width:220px;padding:8px;text-align:left}.template.on{border-color:#0891b2;border-color:var(--aquaDark)}.toggle-line{display:flex;justify-content:space-between;padding:10px 0}.orders .o,.toggle-line{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);gap:12px}.orders .o{grid-gap:12px;cursor:pointer;display:grid;grid-template-columns:130px 1fr 150px 110px;padding:12px 8px}.orders .o:hover{background:#f8fafc}.orders .o.new{background:#ecfeff}@media (max-width:760px){.orders .o{grid-template-columns:1fr 1fr}}.kv{grid-gap:6px 12px;display:grid;font-size:14px;gap:6px 12px;grid-template-columns:160px 1fr}.kv dt{color:#64748b;color:var(--text3);font-weight:600}.kv dd{margin:0}.signin{margin:8vh auto;max-width:420px}.signin .card{padding:28px}.code{font-size:22px;font-weight:800;letter-spacing:8px;text-align:center}@media (max-width:700px){.wrap{padding:16px}.nav,.savebar,.top{padding-left:16px;padding-right:16px}}