body{margin:0;font-family:Arial,sans-serif;background:#f3f5f9;color:#1f2937}.topbar{background:#0f172a;color:#fff;padding:16px 24px}.brand{display:flex;align-items:center;gap:16px}.logo{max-height:64px;max-width:140px;background:#fff;padding:4px;border-radius:8px}.container{max-width:950px;margin:28px auto;padding:0 16px}.card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 8px 24px rgba(0,0,0,.08)}.form-grid{display:grid;grid-template-columns:1fr;gap:12px}.form-grid input,.form-grid select,.form-grid textarea{padding:12px;border:1px solid #cbd5e1;border-radius:12px;font-size:16px}.btn{border:none;border-radius:12px;padding:12px 18px;font-size:16px;cursor:pointer}.primary{background:#1d4ed8;color:#fff}.secondary{background:#e2e8f0}.alert{padding:12px 14px;border-radius:12px;margin-bottom:14px}.danger{background:#fee2e2}.warning{background:#fef3c7}.summary,.summary-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px;margin-bottom:16px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.summary-grid .full{grid-column:1/-1}.signature-box{display:block;width:100%;max-width:600px;height:220px;border:2px dashed #94a3b8;border-radius:12px;background:#fff;touch-action:none;box-sizing:border-box}.signature-preview{max-width:280px;max-height:120px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.actions-inline{margin-top:8px}@media (max-width:700px){.logo{max-width:90px;max-height:48px}.card{padding:18px}}