*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:#0f172a;color:#e2e8f0}main{max-width:1080px;margin:0 auto;padding:1rem}section{background:#111827;border:1px solid #374151;border-radius:8px;padding:.75rem;margin-bottom:.75rem}input,button{font:inherit;border-radius:6px;border:1px solid #4b5563;background:#1f2937;color:#e5e7eb;padding:.4rem .6rem;margin:.2rem}button{cursor:pointer}.state-online{color:#86efac}.state-offline{color:#fca5a5}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem}.card{border:1px solid #334155;border-radius:6px;padding:.5rem;display:flex;flex-direction:column;gap:.4rem}.variant-row{display:flex;flex-wrap:wrap;gap:.3rem}.customer-list,.action-row{display:flex;gap:.4rem;flex-wrap:wrap}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.top-bar h1{margin:0;font-size:1.35rem}.admin-link{border-color:#64748b}.admin-screen{max-width:960px;margin:0 auto;padding:1rem}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.admin-header h1{margin:0;font-size:1.25rem}.admin-note{font-size:.9rem;color:#94a3b8;margin-bottom:1rem}.admin-section{background:#111827;border:1px solid #374151;border-radius:8px;padding:.75rem;margin-bottom:.75rem}.admin-dl{display:grid;grid-template-columns:minmax(120px,200px) 1fr;gap:.35rem .75rem;margin:0}.admin-dl dt{margin:0;color:#94a3b8;font-weight:600}.admin-dl dd{margin:0}.admin-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;word-break:break-all}.admin-list{margin:0;padding-left:1.1rem}.admin-form{display:flex;flex-direction:column;gap:.65rem;margin-bottom:.75rem}.admin-field{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;color:#cbd5e1}.admin-field input,.admin-field select{margin:0;width:100%;max-width:42rem}