:root{--ink:#181a1b;--muted:#6e7477;--paper:#f6f5f1;--line:#e5e2dc;--lime:#d8ff5f}body{background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.navbar{background:rgba(246,245,241,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);padding:1rem 0;position:sticky;top:0;z-index:1000}.brand{color:var(--ink);display:flex;gap:.7rem;align-items:center;font-weight:800;text-decoration:none;font-size:1.1rem}.brand-mark{width:36px;height:36px;border-radius:10px;background:var(--ink);color:var(--lime);display:grid;place-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800;color:#797d73;margin-bottom:.5rem}.btn{border-radius:10px;font-weight:650}.btn-dark{background:var(--ink)}.signature-card,.panel,.preview-panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 35px rgba(28,30,29,.045)}.signature-card{padding:1.25rem}.card-top{display:flex;justify-content:space-between;gap:1rem}.card-top h2{font-size:1.25rem;font-weight:750;margin:.8rem 0 .2rem}.card-top p{color:var(--muted);margin:0}.badge-soft{display:inline-flex;background:#f0f1ed;color:#565c57;padding:.3rem .55rem;border-radius:99px;font-size:.72rem;font-weight:700}.btn-icon{width:38px;height:38px;padding:0}.mini-preview{height:245px;overflow:auto;background:#fafafa;border:1px solid #eee;border-radius:12px;margin:1.2rem 0;padding:24px;display:flex;align-items:center}.mini-preview table{transform:scale(.72);transform-origin:left center}.card-actions{display:flex;gap:.5rem}.empty-state{text-align:center;padding:7rem 2rem;background:#fff;border:1px dashed #cac8c1;border-radius:20px}.empty-icon{margin:0 auto 1rem;width:64px;height:64px;border-radius:20px;background:var(--lime);display:grid;place-items:center;font-size:1.65rem}.back-link{color:var(--ink);text-decoration:none;font-weight:650}.panel{padding:1.6rem}.panel hr{border-color:var(--line);margin:1.8rem 0}.form-label{font-size:.84rem;font-weight:700}.form-control{border-color:#dcdad4;border-radius:9px;padding:.7rem .8rem}.preview-panel{padding:1.25rem;top:100px}.email-chrome{border:1px solid #deddd8;border-radius:12px;overflow:hidden;background:#f1f0ec}.email-dots{padding:9px 12px;border-bottom:1px solid #deddd8;display:flex;gap:5px}.email-dots i{width:8px;height:8px;border-radius:50%;background:#c9c8c3}.preview-canvas{padding:32px 24px;background:#fff;min-height:400px;display:flex;align-items:center;overflow:auto}.employee-table thead th{background:#f7f7f4;color:#666b67;text-transform:uppercase;letter-spacing:.07em;font-size:.68rem;padding:1rem;white-space:nowrap}.employee-table td{padding:.75rem .5rem;vertical-align:middle;border-color:#eeece7}.employee-table td:first-child,.employee-table th:first-child{padding-left:1rem}.employee-table td:last-child,.employee-table th:last-child{padding-right:1rem}.employee-table input{min-width:140px}.empty-rows{text-align:center;padding:4rem;color:var(--muted)}.empty-rows i{font-size:2rem}.dropdown-item i{display:inline-block;width:22px}@media(max-width:767px){main{padding-top:2rem!important}.card-actions{flex-wrap:wrap}.mini-preview{height:210px}.preview-canvas{padding:20px 12px}.display-6{font-size:2rem}}