body{font-family:system-ui,sans-serif;margin:0;background:#f6f7f9;color:#111}
header{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-bottom:1px solid #ddd}
h1{font-size:1.2rem;margin:0}
button{padding:.5rem .8rem;border:1px solid #ccc;background:#fff;border-radius:6px;cursor:pointer}
button:disabled{opacity:.5}
.controls{display:flex;gap:.5rem;padding:1rem;flex-wrap:wrap}
#preview{padding:1rem}
table{width:100%;border-collapse:collapse;background:#fff}
th,td{border:1px solid #ddd;padding:.5rem;text-align:left;vertical-align:top}
th{background:#f0f0f0}
input[type="number"]{width:80px}
.hidden{display:none}
#modal,#company-modal{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center}
#modal.hidden,#company-modal.hidden{display:none}
.box{background:#fff;padding:1.5rem;border-radius:8px;min-width:400px;max-width:90vw}
label{display:block;margin:.5rem 0}
.actions{margin-top:1rem;display:flex;gap:.5rem;justify-content:flex-end}