:root{--pri:#0f766e;--dark:#0f172a;--mut:#64748b;--line:#d1d5db}*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#f3f7f6;color:#111827}.wrap{max-width:1100px;margin:auto;padding:24px}.card{background:#fff;border-radius:18px;box-shadow:0 10px 35px #0f172a18;padding:22px;margin:14px 0}.top{display:flex;justify-content:space-between;gap:12px;align-items:center}.btn{display:inline-block;background:var(--pri);color:#fff;text-decoration:none;border:0;border-radius:10px;padding:10px 15px;font-weight:700;cursor:pointer}.btn.gray{background:#475569}.btn.red{background:#dc2626}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}label{font-weight:700;font-size:13px}input,select,textarea{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:10px;margin-top:6px}textarea{min-height:120px}.badge{padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700}.pending{background:#fef3c7}.approved{background:#dcfce7}.rejected{background:#fee2e2}table{border-collapse:collapse;width:100%;background:#fff}td,th{border:1px solid #cbd5e1;padding:8px}th{background:#f8fafc}.letter{width:794px;min-height:1123px;background:white;margin:0 auto;padding:42px 58px;font-family:'Times New Roman',serif;font-size:14px;color:#000}.kop{display:grid;grid-template-columns:80px 1fr 80px;align-items:center;text-align:center;border-bottom:4px solid #111;padding-bottom:6px}.kop img{max-width:68px}.kop h1{font-size:21px;margin:2px 0}.kop h2{font-size:15px;margin:0;font-weight:400}.kop p{font-size:9px;margin:1px}.meta{margin-top:16px}.tbl-surat td,.tbl-surat th{border:1px solid #000;padding:4px;text-align:center}.tbl-surat td:nth-child(2){text-align:left}.ttd{width:280px;margin-left:auto;text-align:left;margin-top:35px;position:relative}.stamp{position:absolute;left:-55px;top:22px;width:125px;opacity:.55}.qr{width:82px;height:82px}.printbar{position:sticky;top:0;background:#fff;padding:10px;text-align:center;box-shadow:0 3px 20px #0002}@media(max-width:800px){.grid{grid-template-columns:1fr}.wrap{padding:12px}.letter{width:100%;padding:25px 20px;font-size:12px}.kop{grid-template-columns:55px 1fr 55px}.kop img{max-width:48px}}@media print{body{background:white}.printbar{display:none}.letter{box-shadow:none;margin:0;width:100%;min-height:auto;padding:18mm 20mm}.card{box-shadow:none}}