:root{--primary:#f4d9a6;--primary2:#fff7e8;--secondary:#65463c;--secondary2:#8a6356;--bg:#fffaf1;--danger:#b53737;--ok:#277447;--warn:#b67800;--border:#ead8bd}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--secondary);min-height:100vh}.app-header{background:linear-gradient(135deg,var(--primary2),var(--primary));border-bottom:1px solid var(--border);padding:16px 22px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.brand-logo{width:105px;height:105px;object-fit:contain;filter:drop-shadow(0 2px 4px #0002)}.title h1{margin:0;font-size:26px;font-weight:700}.title p{margin:5px 0 0}.version-badge{background:var(--secondary);color:#fff;border-radius:20px;padding:5px 10px;font-size:12px}.app-container{padding:18px;max-width:1500px;margin:auto}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.tab{border:1px solid var(--border);background:#fff;color:var(--secondary);padding:10px 13px;border-radius:12px;cursor:pointer;font-weight:bold}.tab:hover,.tab:focus-visible{border-color:var(--secondary2)}.tab.active{background:var(--secondary);color:#fff}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:15px;box-shadow:0 2px 8px #0000000d;color:var(--secondary)}.col-4,.col-5,.col-6,.col-7,.col-8,.col-12{width:auto}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-12{grid-column:span 12}h2{font-size:1.45rem;font-weight:700}label{display:block;font-weight:bold;margin:8px 0 4px}input,select,textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--secondary)}input:focus,select:focus,textarea:focus{outline:3px solid #f4d9a680;border-color:var(--secondary2)}textarea{min-height:70px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.app-btn{border:0;border-radius:10px;padding:10px 12px;margin:4px 4px 4px 0;cursor:pointer;font-weight:bold}.app-btn.primary{background:var(--secondary);color:#fff}.app-btn.light{background:var(--primary2);color:var(--secondary);border:1px solid var(--border)}.app-btn.danger{background:var(--danger);color:#fff}.app-btn.ok{background:var(--ok);color:#fff}.app-btn.warn{background:var(--warn);color:#fff}.app-btn:disabled{opacity:.6;cursor:wait}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px;min-width:650px}th,td{border-bottom:1px solid var(--border);text-align:left;padding:8px;vertical-align:top}th{background:var(--primary2);cursor:pointer;white-space:nowrap}.small{font-size:12px}.muted{opacity:.75}.search{margin-bottom:8px}.pill{display:inline-flex;align-items:center;gap:3px;background:var(--primary2);border:1px solid var(--border);padding:3px 8px;border-radius:999px;margin:2px}.pill button{border:0;background:transparent;color:inherit}.status-ok{color:var(--ok);font-weight:bold}.status-warn{color:var(--warn);font-weight:bold}.status-danger{color:var(--danger);font-weight:bold}.hidden{display:none!important}footer{margin-top:20px;text-align:center;font-size:12px;opacity:.7}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.checklist{max-height:240px;overflow:auto;border:1px solid var(--border);border-radius:10px;padding:8px}.checkitem{display:flex;gap:8px;align-items:center;padding:5px}.checkitem input{width:auto}.notice{padding:12px 15px;margin-bottom:14px;border-radius:12px;background:var(--primary2);border:1px solid var(--border)}.notice.error{color:var(--danger);background:#fff1f1;border-color:#e8bcbc}.notice.success{color:var(--ok);background:#effaf3;border-color:#b9ddc6}.auth-card{max-width:520px;margin:50px auto}.revision-list{max-height:360px;overflow:auto}.revision-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--border)}.save-indicator{font-size:12px;margin-right:8px}.save-indicator.pending{color:var(--warn)}
@media(max-width:900px){.col-4,.col-5,.col-6,.col-7,.col-8{grid-column:span 12}.app-header{padding:12px 16px}.brand-logo{width:76px;height:76px}.title h1{font-size:21px}.form-row-3{grid-template-columns:1fr}.app-container{padding:12px}}
@media(max-width:560px){.form-row{grid-template-columns:1fr}.tab{flex:1 1 45%;padding:9px}.app-btn{min-height:44px}.brand-logo{width:68px;height:68px}}
.sort-arrow{display:inline-block;margin-left:6px;font-size:10px;opacity:.6}.lot-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.metric{background:#fff;border:1px solid var(--border);border-radius:16px;padding:14px 18px;display:flex;align-items:baseline;gap:10px}.metric strong{font-size:26px}.metric span{font-size:13px}.metric-warn{border-color:#e2bc70;background:#fff9ea}.metric-danger{border-color:#e4aaaa;background:#fff2f2}@media(max-width:700px){.lot-metrics{grid-template-columns:1fr}.metric{padding:10px 14px}}