:root{--ink:#13253a;--muted:#66758a;--line:#dce4ed;--bg:#f3f6f9;--card:#fff;--navy:#123f6d;--blue:#1769aa;--green:#15765a;--red:#b33434;--radius:16px}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;font-size:16px;line-height:1.45}a{color:inherit}.topbar{background:#0f355c;color:white;padding:14px 18px;position:sticky;top:0;z-index:10}.topbar .inner{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-weight:800;letter-spacing:.05em;text-decoration:none}.brand span{color:#76c4ef}.userline{font-size:.85rem;opacity:.9;text-align:right}.container{max-width:1100px;margin:0 auto;padding:22px 16px 50px}.narrow{max-width:560px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 5px 20px rgba(20,43,70,.05);margin-bottom:16px}.login{margin:8vh auto 0}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);font-weight:800}h1{font-size:clamp(1.55rem,5vw,2.25rem);line-height:1.1;margin:.35rem 0 1rem}h2{font-size:1.25rem;margin:0 0 14px}h3{font-size:1.05rem;margin:0 0 12px}.muted{color:var(--muted)}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.actions{display:flex;gap:12px;flex-wrap:wrap}.button,button{appearance:none;border:0;border-radius:12px;padding:13px 18px;font:inherit;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;min-height:48px;background:var(--navy);color:#fff}.button.secondary{background:#e7eef5;color:var(--navy)}.button.danger{background:var(--red)}.button.wide{width:100%}.menu-card{min-height:130px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;border-left:5px solid var(--blue)}label{display:block;font-weight:700;margin-bottom:14px;font-size:.92rem}input,select,textarea{width:100%;margin-top:6px;border:1px solid #bfcbd8;border-radius:10px;padding:12px 13px;font:inherit;color:var(--ink);background:#fff;min-height:48px}textarea{min-height:100px;resize:vertical}.file{border:1px dashed #9fb2c6;padding:14px;border-radius:12px;background:#f8fafc}.file input{border:0;padding:8px 0;min-height:auto}.file[data-filename]::after{content:attr(data-filename);display:block;color:var(--green);font-weight:600;margin-top:6px}.notice{border-radius:12px;padding:12px 14px;margin-bottom:16px;background:#e8f4ff;color:#144d78}.notice.error{background:#fff0f0;color:#8c2424}.notice.success{background:#e7f7f0;color:#0b684d}.list{display:grid;gap:10px}.list-item{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:14px;text-decoration:none;background:#fff}.list-item:hover{border-color:#79a9d0}.tag{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:800;background:#e7eef5;color:#31516f}.tag.confirmed{background:#dff3ea;color:#12664d}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.stat strong{display:block;font-size:1.6rem}.stat span{font-size:.82rem;color:var(--muted)}.product-fields{border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:14px;background:#fbfcfe}.product-head{display:flex;justify-content:space-between;gap:10px}.remove{background:none;color:var(--red);padding:4px;min-height:auto}.photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo{border-radius:12px;overflow:hidden;background:#e8edf2;aspect-ratio:4/3}.photo img{width:100%;height:100%;object-fit:cover}.kv{display:grid;grid-template-columns:160px 1fr;gap:8px 16px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:650}.search{display:flex;gap:8px}.search input{margin:0}.search button{flex:0 0 auto}.footer{text-align:center;color:var(--muted);font-size:.8rem;padding:24px}.back{display:inline-block;margin-bottom:14px;color:var(--blue);font-weight:700;text-decoration:none}@media(max-width:700px){.grid.two,.stats,.photos{grid-template-columns:1fr}.container{padding-top:16px}.card{padding:16px}.actions .button{width:100%}.kv{grid-template-columns:1fr;gap:2px}.kv dd{margin-bottom:10px}.userline{display:none}.search{flex-direction:column}.search button{width:100%}}
