:root{--bg:#f2f5f3;--surface:#fcfdfc;--fg:#23372d;--muted:#52685a;--border:#bdc9c0;--accent:#28613e;--accent-on:#fff;--font-display:"Golos Text",sans-serif;--font-body:"Golos Text",sans-serif;--radius:8px;--space-section:32px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.5 var(--font-body)}button,input,select{font:inherit}button,input,select{min-height:44px;border:1px solid var(--border);border-radius:var(--radius)}input,select{padding:8px 10px;background:var(--surface);color:var(--fg);min-width:0;width:100%}input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:var(--accent)}button{padding:8px 14px;background:var(--surface);color:var(--fg);cursor:pointer;font-weight:500}button:hover{background:#e5ece7;border-color:#91a496}button:disabled{cursor:wait;opacity:.6}button.primary{background:var(--accent);color:var(--accent-on);border-color:var(--accent)}button.primary:hover{background:#1d4e30}button.danger{color:#a22f28}a{color:var(--accent)}a:hover{text-decoration:underline}:focus-visible{outline:3px solid #427b55;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:28px;line-height:1.2;margin-bottom:8px;letter-spacing:-.6px}h2{font-size:21px;margin-bottom:12px}h3{font-size:18px;margin:24px 0 12px}.muted{color:var(--muted)}.small{font-size:13px}.skip{position:fixed;left:16px;top:-100px;z-index:100;background:var(--surface);padding:12px}.skip:focus{top:12px}.loading{padding:32px}.layout{min-height:100vh}.sidebar{padding:20px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.brand{font-size:21px;font-weight:700;letter-spacing:-.6px}.brand small{display:block;font-size:13px;color:var(--muted);letter-spacing:0;font-weight:400}.nav{display:flex;gap:8px;overflow-x:auto;margin-top:20px}.nav a{display:block;white-space:nowrap;min-height:44px;padding:10px 12px;color:var(--muted);text-decoration:none;border-radius:var(--radius)}.nav a:hover{background:#e9eeea}.nav a.current{background:#dfeae2;color:#234c31;font-weight:600}.user-panel{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}.user-panel button{font-size:13px}.main{padding:24px 16px;min-width:0}.page-head{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.page-head p{margin:0}.page-head .primary{flex-shrink:0}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:16px}.toolbar label{display:block;font-size:13px;color:var(--muted)}.toolbar input,.toolbar select{display:block;min-width:140px;margin-top:4px}.toolbar .search{flex:1;min-width:210px}.toolbar .date{width:180px}.toolbar .status{width:170px}.filter-panel{border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;margin-bottom:16px;background:var(--surface)}summary{cursor:pointer;min-height:32px;display:list-item;font-weight:500}.filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.filter-grid label{font-size:13px;color:var(--muted)}.filter-grid input,.filter-grid select{margin-top:4px}.table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:100%}table{border-collapse:collapse;min-width:100%;font-size:14px}th,td{padding:10px 14px;text-align:left;border-bottom:1px solid #e1e7e3;vertical-align:middle}th{font-weight:500;color:var(--muted);font-size:12px;white-space:nowrap;background:#eaf0ec}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#f3f7f4}.sku{font-weight:600;white-space:nowrap}.sku button{border:0;background:none;padding:0;text-align:left;color:var(--accent);font-weight:600;max-width:240px;overflow-wrap:anywhere;white-space:normal}.numeric{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.nowrap{white-space:nowrap}.tag{display:inline-block;font-size:12px;border-radius:4px;padding:3px 7px;background:#e9efeb;color:#355341}.tag.off{color:#667068;background:#edf0ee}.empty{padding:44px 24px;max-width:640px}.empty p{color:var(--muted);margin-bottom:0}.empty h2{margin-bottom:8px}.count{margin:12px 0;color:var(--muted);font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{font-size:13px;white-space:nowrap}.form{display:grid;gap:16px}.field{display:grid;gap:6px;align-items:center}.field>label{font-size:14px}.field input[readonly]{background:#edf1ee;color:var(--muted)}.pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{display:flex;align-items:center;gap:10px;min-height:44px}.password{display:flex;gap:6px}.password input{flex:1;min-width:0}.password button{font-size:12px;padding:8px}.form-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.error{background:#fff0ed;border:1px solid #dbaba3;color:#8a2821;padding:12px;border-radius:var(--radius);overflow-wrap:anywhere}.error:empty{display:none}.help{font-size:13px;color:var(--muted);margin:0}.auth{max-width:520px;margin:56px auto;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.auth .brand{margin-bottom:28px}.auth h1{font-size:26px}.auth>p{color:var(--muted);margin-bottom:24px}dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg);padding:0;width:min(740px,calc(100% - 24px));max-height:calc(100vh - 32px)}dialog::backdrop{background:#172c2299}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:2}.dialog-head h2{margin:0;overflow-wrap:anywhere}#dialog-body{padding:24px}#toast{position:fixed;bottom:24px;right:24px;max-width:calc(100% - 48px);background:#dcefe1;border:1px solid #88ad92;padding:14px 20px;border-radius:var(--radius);z-index:20}.cost{margin:20px 0;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.cost strong{font-size:22px;font-variant-numeric:tabular-nums}.history{margin-top:20px}.history table{width:100%}.history th,.history td{padding:8px}.history .actions{flex-wrap:nowrap}.read-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.read-grid span{color:var(--muted);font-size:13px;display:block}.journal details{max-width:680px}.journal pre{font:13px/1.6 var(--font-body);white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.notice{padding:12px 0;color:var(--muted)}.error-page{padding:24px}.result-list{border-top:1px solid var(--border);margin-top:24px}.result-item{padding:16px 0;border-bottom:1px solid var(--border)}
@media(min-width:768px){.layout{display:grid;grid-template-columns:216px minmax(0,1fr)}.sidebar{border-right:1px solid var(--border);border-bottom:0;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.nav{display:grid;gap:4px;overflow:visible}.user-panel{margin-top:auto;padding-top:24px;display:grid}.main{padding:28px}.field{grid-template-columns:180px minmax(0,1fr);gap:12px}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.auth .field{grid-template-columns:120px minmax(0,1fr)}.catalog-table th:first-child,.catalog-table td:first-child{position:sticky;left:0;z-index:1;background:var(--surface)}.catalog-table th:first-child{background:#eaf0ec}}
@media(max-width:500px){.page-head{flex-direction:column}.pair{grid-template-columns:1fr}.auth{margin:24px 12px;padding:20px}.toolbar>*{width:100%!important}.filter-grid{grid-template-columns:1fr}.dialog-head,#dialog-body{padding:16px}.read-grid{grid-template-columns:1fr 1fr}.actions{gap:6px}h1{font-size:25px}.table-wrap .numeric{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.field input[type=number],.field input[type=date],.field input[name=number]{max-width:240px}
.sku button{color:var(--fg)}
button:active:not(:disabled){background:#d9e5dd}
button.primary:active:not(:disabled){background:#19462b}
.read-grid>div,.brand,.user-panel strong{overflow-wrap:anywhere;min-width:0}
.table-wrap{overscroll-behavior-inline:contain}
summary{min-height:44px;align-content:center}
@media(max-width:767px){.user-panel{margin-top:12px}.user-panel>div{flex:1}.nav{margin-top:12px}.sidebar{padding-top:16px;padding-bottom:16px}}

/* User-approved density for small laptops. Keep text readable; reduce spacing
   and arrange related fields alongside one another, without zoom or scaling. */
:root{--control-height:28px;--row-gap:6px;--radius:5px;--space-section:16px}
body{font-size:14px;line-height:1.3}
button,input,select{min-height:var(--control-height);line-height:20px}
button{padding:3px 9px}
input,select{padding:3px 7px}
input[type=checkbox]{width:16px;height:16px;min-height:16px}
:focus-visible{outline-width:2px;outline-offset:2px}
h1{font-size:24px;margin-bottom:3px;letter-spacing:-.4px}
h2{font-size:18px;margin-bottom:6px}
h3{font-size:15px;margin:10px 0 4px}
p{margin-bottom:8px}
.small{font-size:12px;line-height:1.2}
.sidebar{padding:12px}
.brand{font-size:18px;line-height:1.2}
.brand small{font-size:12px;line-height:1.2;margin-top:2px}
.nav{margin-top:12px;gap:2px}
.nav a{min-height:22px;padding:2px 8px;line-height:18px}
.user-panel{gap:4px;padding-top:10px}
.user-panel>div{display:flex;gap:6px;flex-wrap:wrap;align-items:baseline}
.main{padding:16px}
.page-head{gap:12px;margin-bottom:12px;align-items:center}
.page-head p{font-size:13px}
.toolbar{gap:8px;margin-bottom:8px}
.toolbar input,.toolbar select{margin-top:2px}
.filter-panel{padding:4px 10px;margin-bottom:8px}
summary{min-height:22px;line-height:20px}
.filter-grid{gap:6px 12px;margin:6px 0}
.filter-grid label{display:grid;grid-template-columns:minmax(0,1fr) minmax(80px,1fr);gap:6px;align-items:center;font-size:12px}
.filter-grid input,.filter-grid select{margin-top:0}
th,td{padding:3px 8px}
th{font-size:12px}
.sku button{min-height:22px;line-height:18px}
.tag{padding:1px 5px}
.count{margin:6px 0;font-size:12px}
.actions{gap:4px}
.actions button,td>button{min-height:24px;padding:1px 7px}
.form{gap:var(--row-gap)}
.field{gap:4px}
.field>label{line-height:1.25}
.check{min-height:28px;gap:6px}
.password{gap:4px}
.password button{padding:2px 6px}
.form h3{margin:2px 0 0}
.form-footer{gap:6px;margin-top:4px}
.error{padding:6px 8px}
.help{font-size:12px;line-height:1.3}
.pair{gap:8px}
dialog{max-height:calc(100dvh - 16px)}
.dialog-head{gap:8px;padding:4px 10px}
.dialog-head h2{font-size:16px;line-height:1.25}
#dialog-body{padding:8px 10px}
.box-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.box-fields .field{grid-template-columns:minmax(0,1fr);gap:3px}
.box-fields input{max-width:none}
.product-fields,.market-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}
.product-fields .field,.market-fields .field{grid-template-columns:138px minmax(0,1fr);gap:6px}
.product-fields .field input,.market-fields .field input{max-width:none}
.cost{margin:8px 0;padding:8px 0}
.cost strong{font-size:20px}
.cost p{margin:3px 0}
.history{margin-top:10px}
.history th,.history td{padding:3px 8px}
.read-grid{gap:6px 12px}
.read-grid span{font-size:12px}
.journal summary{min-height:20px}
.journal pre{line-height:1.3;margin:4px 0}
.empty{padding:20px 16px}
.notice{padding:6px 0}
#toast{padding:8px 12px;bottom:12px;right:12px}
.auth{margin:24px auto;padding:16px}
.auth .brand{margin-bottom:14px}
.auth h1{font-size:22px}
.auth>p{margin-bottom:12px}
.account-form{max-width:680px}
@media(min-width:768px){
  .nav{gap:2px}
  .sidebar{overflow-y:auto}
  .user-panel{margin-top:16px}
  .field{grid-template-columns:180px minmax(0,1fr);gap:8px}
  .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:1100px){.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){
  .sidebar{padding:10px 12px}
  .user-panel{margin-top:8px;padding-top:0}
  .main{padding:12px}
  .product-fields .field,.market-fields .field{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:500px){
  .page-head{gap:8px;align-items:flex-start;margin-bottom:10px}
  .box-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}
  .product-fields,.market-fields{grid-template-columns:minmax(0,1fr)}
  .product-fields .field,.market-fields .field{grid-template-columns:138px minmax(0,1fr)}
  .filter-grid{grid-template-columns:minmax(0,1fr)}
  .auth{margin:12px}
}
@media(pointer:coarse){
  button,input,select,.nav a,.check,summary,.sku button,.actions button,td>button{min-height:44px}
  input[type=checkbox]{min-height:20px}
}