:root{--card-bg:#ffffff;--muted:#666;--accent:#222}*{box-sizing:border-box}body{font-family:Helvetica Neue,Arial,sans-serif;margin:0;background:#f3f3f3;color:var(--accent)}.container{max-width:1050px;margin:24px auto;padding:22px;background:var(--card-bg);border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.06)}.header{display:flex;align-items:center;gap:18px;margin-bottom:6px}.logo-preview{width:120px;height:auto;object-fit:contain;border-radius:6px;background:#fff;padding:8px;border:1px solid #eee;margin-bottom:3rem}.title{text-align:center;flex:1 1}.title h1{margin:0;font-size:20px;letter-spacing:.6px}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin:14px 0 18px}.form-grid input,.form-grid textarea{padding:8px 10px;border:1px solid #d7d7d7;border-radius:6px;font-size:14px;width:100%}.section-title{margin-top:8px;margin-bottom:8px;font-weight:700;font-size:14px}.table-wrap{overflow-x:auto}.result-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:13px}.result-table td,.result-table th{border:1px solid #e2e2e2;padding:8px 10px;text-align:left}.result-table thead th{background:#fafafa;font-weight:700;text-align:center}.result-table td input{width:100%;border:0;padding:4px;font-size:13px;background:transparent}.actions{display:flex;justify-content:center;margin-top:18px}.btn{background:#0b5cff;color:white;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;font-weight:600}.note{margin-top:12px;color:var(--muted);font-size:13px}