:root{--blue:#164b73;--line:#26333d;--alt:#e8f1f8;--bg:#f3f6f8}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:15px "Times New Roman",serif;color:#17212b}header{background:var(--blue);color:#fff;text-align:center;padding:16px}header h1{margin:0;font-size:26px}header p{margin:4px 0 0}nav,.toolbar{display:flex;gap:7px;flex-wrap:wrap;padding:10px;background:#fff;border-bottom:1px solid #ccd6dd}button,.file{border:1px solid #17476b;background:#fff;color:#17476b;padding:8px 12px;border-radius:5px;font-weight:700;cursor:pointer}.danger{color:#a31313;border-color:#a31313}.file input{display:none}main{padding:12px}.toolbar{padding:0 0 12px;background:transparent}.toolbar input{min-width:230px;padding:8px;border:1px solid #9bacb7;border-radius:5px}#status{min-height:20px;color:#14602a}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line)}table{width:100%;border-collapse:collapse}th,td{border:1px solid var(--line);padding:7px;text-align:center;vertical-align:middle;white-space:nowrap}th{position:sticky;top:0;background:var(--blue);color:#fff;z-index:2}tbody tr:nth-child(even){background:var(--alt)}td.name{text-align:left;min-width:260px;white-space:normal}td img{display:block;max-width:110px;max-height:76px;margin:auto;object-fit:contain}td input,td select{width:100%;min-width:85px;border:0;background:transparent;font:inherit;padding:5px}.remove{color:#a31313;border:0}.cards{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:12px}.card{background:#fff;border:1px solid var(--line);padding:10px}.card h2{text-align:center;color:var(--blue)}@media(max-width:800px){.cards{grid-template-columns:1fr}}@media print{nav,.toolbar,#status{display:none}body{background:#fff}main{padding:0}th{position:static}.table-wrap{overflow:visible;border:0}table{font-size:10pt}td img{max-width:75px;max-height:55px}@page{size:A4 landscape;margin:10mm}}

.import-box{background:#fff;border:2px solid var(--blue);padding:14px;margin-bottom:12px}.import-box h2{margin:0 0 6px;color:var(--blue)}.import-box textarea{width:100%;height:180px;border:1px solid #879aa8;padding:10px;font:13px Consolas,monospace;margin:8px 0}.import-box div{display:flex;gap:8px;flex-wrap:wrap}.note{color:#52636e;margin-bottom:0}