*{box-sizing:border-box}body{margin:0;background:#f4f6f9;color:#17283b;font:15px/1.5 Arial,sans-serif}header{background:#173a5e;color:white;padding:20px 32px;display:flex;align-items:center;gap:25px}header strong{font-size:27px}small{display:block;color:#bed3e7}#hint{flex:1}main{padding:28px;max-width:1800px;margin:auto}h1{font-size:28px}h2{font-size:20px;margin-top:32px}button,input{font:inherit;border:1px solid #b9c9d8;border-radius:7px;padding:10px 14px}button{cursor:pointer;background:white;color:#173a5e}button:hover,nav button.active{background:#173a5e;color:white}button:disabled{opacity:.5;cursor:wait}input{background:white;min-width:190px}label{display:flex;flex-direction:column;gap:5px}form{display:flex;gap:14px;align-items:end;flex-wrap:wrap}#login{display:block;max-width:420px;margin:70px auto}#login input{display:block;width:100%;margin:14px 0}nav,#filter{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}#search{flex:1}#warning{background:#fff5db;padding:16px;border-radius:8px}#counts{display:flex;gap:30px;margin:25px 0}#counts b{font-size:24px;display:block}#content{overflow-x:auto;background:white;border-radius:10px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:13px 14px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top;min-width:115px}th{background:#eaf0f6;white-space:nowrap}td small{color:#536577}tr:hover td{background:#f7faff}#settings{background:white;padding:24px;border-radius:10px}[hidden]{display:none!important}@media(max-width:700px){main{padding:14px}header{padding:14px}#counts{gap:15px;flex-wrap:wrap}nav button{flex:1}}
#directions{display:flex;gap:6px}#directions button.active{background:#dbeafe;color:#173a5e;border-color:#7fa7ce;font-weight:bold}#content[data-view=catalog] table{min-width:1600px}#content[data-view=catalog] td:first-child{white-space:nowrap;min-width:210px}#content[data-view=catalog] td:nth-child(2){min-width:340px}#content[data-view=catalog] td:nth-child(4),#content[data-view=catalog] td:nth-child(5){min-width:280px}header{flex-wrap:wrap}