:root{font-family:Inter,Arial,sans-serif;color:#203044;background:#f3f5f7}*{box-sizing:border-box}body{margin:0}header{background:#263746;color:#fff;padding:20px max(20px,calc((100vw - 1260px)/2));border-bottom:5px solid #f58220}h1{margin:5px 0;font-size:clamp(24px,3vw,36px)}.eyebrow{color:#ffad63;font-weight:700;letter-spacing:.14em;font-size:12px}.subtitle{color:#c4d0db;margin:5px 0}main{max-width:1260px;margin:auto;padding:24px 20px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.toolbar input,.toolbar select{flex:1;min-width:180px}.toolbar button{white-space:nowrap}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid #cbd5df;border-radius:9px;padding:11px;background:#fff;color:#203044;width:100%}button{border:0;border-radius:9px;padding:11px 16px;background:#314c67;color:white;cursor:pointer;font-weight:650}button:hover{filter:brightness(1.1)}button.primary{background:#ed7717}button.ghost{background:#e4eaf0;color:#263746}button.danger{background:#b43d39}.bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.count{color:#64758a}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.card{background:#fff;border:1px solid #e2e7eb;border-radius:14px;overflow:hidden;box-shadow:0 4px 15px #2637460a;cursor:pointer}.card:hover{border-color:#e99450}.cover{height:158px;background:linear-gradient(135deg,#e0e9f0,#f6eee5);display:grid;place-items:center;font-size:46px;color:#8296a8}.cover img{width:100%;height:100%;object-fit:cover}.card-body{padding:16px}.code{color:#d56b12;font-weight:750;font-size:13px}.card h3{margin:7px 0 10px;font-size:18px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{background:#edf2f6;padding:5px 8px;border-radius:6px;font-size:12px;color:#485d71}.inactive{opacity:.58}.empty{padding:55px;text-align:center;background:#fff;border-radius:14px;color:#748397}dialog{border:0;border-radius:16px;box-shadow:0 20px 90px #14233555;width:min(840px,calc(100% - 20px));max-height:94vh;padding:0}dialog::backdrop{background:#172a3db5}.modal-head{position:sticky;top:0;background:#fff;z-index:2;padding:17px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4e8ec}.modal-head h2{margin:0;font-size:21px}.modal-body{padding:20px 22px;overflow:auto;max-height:calc(94vh - 74px)}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fields label{font-size:13px;color:#516478;font-weight:650}.fields label input,.fields label textarea{margin-top:5px}.span2{grid-column:span 2}.span3{grid-column:span 3}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.detail-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.metric{padding:10px;background:#f5f7f9;border-radius:8px}.metric strong{display:block;font-size:12px;color:#728398}.files{padding:0;list-style:none}.files li{padding:9px 0;border-bottom:1px solid #edf0f2;display:flex;justify-content:space-between;gap:10px}.files a{color:#1a5b9b;overflow-wrap:anywhere}.message{position:fixed;right:16px;bottom:16px;background:#253b50;color:#fff;padding:12px 16px;border-radius:10px;max-width:350px;z-index:8;display:none}.admin{display:none}.is-admin .admin{display:inline-flex}.is-admin .admin-block{display:block}.admin-block{display:none}@media(max-width:650px){.fields{grid-template-columns:repeat(2,1fr)}.span3{grid-column:span 2}.modal-body{padding:14px}.detail-metrics{grid-template-columns:1fr}}

.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin:10px 0}th,td{text-align:left;padding:10px;border-bottom:1px solid #dce3e9;vertical-align:top}th{background:#263746;color:white}tbody tr:nth-child(even){background:#fff0e1}.metric-edit td{padding:4px}.metric-edit input{min-width:80px}.barcode-box{background:white;border:1px solid #e0e5eb;border-radius:10px;padding:10px;margin:12px 0;text-align:center}.barcode-box img{width:230px;max-width:100%;height:110px}.card .barcode-box{margin:12px 0 0;border:0;padding:0}.card .barcode-box img{height:65px;object-fit:contain}.product-top{display:grid;grid-template-columns:1fr 250px;gap:20px;align-items:center}.product-top>img{max-width:100%;max-height:240px;object-fit:contain}.viewer{width:min(1180px,96vw);height:92vh}.viewer .modal-body{height:calc(92vh - 74px);max-height:none;display:flex;flex-direction:column}.viewer-stage{flex:1;min-height:0;overflow:auto;text-align:center;background:#e5eaf0;border-radius:10px;padding:10px}.viewer-stage img{max-width:100%;height:auto;max-height:100%;object-fit:contain}.viewer-stage img.zoomed{max-width:none;max-height:none;width:150%}.viewer-stage iframe{width:100%;height:100%;border:0;background:white}.file-strip{display:flex;overflow:auto;gap:8px;margin-top:10px}.file-strip button{flex-shrink:0;max-width:230px;overflow:hidden;text-overflow:ellipsis}.selected{outline:3px solid #f58220}.export-group{display:flex;flex-wrap:wrap;gap:8px}.status-error{color:#b43d39}.modal-head .close{flex-shrink:0}.file-note{padding:25px}.admin-tools{display:none}.is-admin .admin-tools{display:flex;flex-wrap:wrap;gap:8px}.card h3{min-height:42px}#loginDialog{max-width:440px}#loginDialog label{display:block;margin-bottom:8px}@media(max-width:650px){.product-top{grid-template-columns:1fr}.modal-head{padding:12px}.viewer{height:95vh}.viewer .modal-body{height:calc(95vh - 74px)}}
.secret-section{margin:20px 0;border:1px solid #e4a366;border-radius:10px;overflow:hidden}.secret-section summary{cursor:pointer;background:#fff0e1;padding:14px;font-weight:700;color:#62370d}.secret-section>p,.secret-section>button{margin:12px}#exportDialog{max-width:620px}