:root{font-family:Arial,sans-serif;color:#17202a;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}header{height:64px;background:#fff;border-bottom:1px solid #dbe1e8;display:flex;align-items:center;gap:16px;padding:0 max(24px,calc((100% - 1120px)/2));}header img{height:38px;max-width:150px;object-fit:contain}header div{border-left:1px solid #ddd;padding-left:16px}header small{display:block;color:#64748b}header span{margin-left:auto;color:#64748b;font-size:14px}main{max-width:1120px;margin:auto;padding:28px 20px}.intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}h1{margin:5px 0;font-size:28px}h2{margin:0 0 8px}p{color:#64748b}em{font-style:normal;color:#e31e24;font-weight:bold;font-size:13px}nav{display:flex;gap:5px;background:#fff;border:1px solid #dbe1e8;padding:7px;border-radius:14px}nav i{font-style:normal;padding:9px 13px;color:#94a3b8}nav i.on{background:#111827;color:#fff;border-radius:10px}.card{background:#fff;border:1px solid #dbe1e8;border-radius:20px;padding:24px;box-shadow:0 1px 3px #0001}.hide{display:none!important}.drop{height:150px;border:2px dashed #cbd5e1;border-radius:16px;display:grid;place-items:center;background:#f8fafc;font-weight:bold;cursor:pointer}.drop input{display:none}.or{text-align:center;color:#94a3b8;font-size:12px;margin:18px}textarea{width:100%;min-height:130px;padding:14px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}footer{display:flex;justify-content:space-between;gap:12px;margin-top:22px}button{border:0;border-radius:9px;padding:11px 18px;background:#111827;color:#fff;font-weight:bold;cursor:pointer}button.red{background:#e31e24}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 9px;border-bottom:1px solid #e2e8f0;text-align:left}td input[type=number]{width:85px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wide{grid-column:1/-1}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form.three{grid-template-columns:repeat(3,1fr)}label{font-size:14px;font-weight:bold}label input{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}.confirm{display:flex;gap:10px;margin-top:20px}.confirm input{width:auto;margin:0}dialog{width:min(1000px,94vw);max-height:86vh;border:0;border-radius:22px;padding:24px;box-shadow:0 20px 60px #0005}dialog::backdrop{background:#0008}.close{float:right;background:transparent;color:#111;font-size:24px}.search{display:flex;gap:10px}.search input{flex:1;padding:12px}.filters{display:flex;gap:8px;margin:14px 0}.filters button{background:#e2e8f0;color:#111}.result{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;border:1px solid #e2e8f0;border-radius:14px;padding:15px;margin:9px 0}.muted{color:#64748b;font-size:13px}#toast{position:fixed;right:20px;top:20px;background:#111827;color:#fff;padding:14px 18px;border-radius:10px;display:none;z-index:99}@media(max-width:760px){.intro{display:block}nav{overflow:auto;margin-top:18px}.grid,.form,.form.three{grid-template-columns:1fr}.wide{grid-column:auto}.result{grid-template-columns:1fr}.card{padding:16px}}