:root{--bg: #eef2ef;--ink: #15231e;--muted: #5b6b64;--card: #ffffff;--line: #d7e0db;--primary: #0b3d2e;--primary-soft: #0f6e56;--accent: #c45c26;--danger: #9b2c2c;--shadow: 0 18px 50px rgba(21, 35, 30, .08);font-family:DM Sans,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{-webkit-font-smoothing:antialiased}.page{position:relative;min-height:100vh;padding:24px clamp(16px,3vw,40px) 48px}.page-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(900px 420px at 10% -10%,rgba(15,110,86,.18),transparent 60%),radial-gradient(700px 380px at 90% 0%,rgba(196,92,38,.12),transparent 55%),linear-gradient(180deg,#f7f9f7,#e8eee9)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit}.brand img{width:52px;height:52px;border-radius:14px;object-fit:cover;border:1px solid var(--line);background:#fff}.brand strong{display:block;font-size:1.05rem}.brand span{display:block;color:var(--muted);font-size:.9rem}.topbar-actions{display:flex;align-items:center;gap:12px}.lang-switch{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#fff}.lang-switch button{border:0;background:transparent;padding:8px 12px;cursor:pointer;font:inherit;color:var(--muted)}.lang-switch button.active{background:var(--primary);color:#fff}.admin-link{color:var(--primary);text-decoration:none;font-weight:600;font-size:.92rem}.layout{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:24px;align-items:stretch}.layout>.panel{align-self:stretch;min-height:100%}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.form-panel{padding:22px;display:flex;flex-direction:column;box-sizing:border-box}.form-panel h1{margin:0 0 18px;font-size:1.35rem;letter-spacing:-.02em}.sig-form{display:grid;gap:14px}.sig-field{display:grid;gap:6px}.sig-field span{font-size:.82rem;font-weight:600;color:var(--muted)}.sig-field em{font-style:normal;font-weight:500;opacity:.8}.sig-field input,.sig-field select{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:inherit;background:#fbfcfb;color:var(--ink)}.sig-field input:focus,.sig-field select:focus{outline:2px solid rgba(11,61,46,.25);border-color:var(--primary-soft);background:#fff}.sig-email{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.sig-email-domain{font-size:.92rem!important;font-weight:600!important;color:var(--ink)!important;white-space:nowrap}.sig-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}.btn{border:0;border-radius:10px;padding:12px 14px;font:inherit;font-weight:700;cursor:pointer}.btn:disabled{opacity:.6;cursor:wait}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:#f3ebe4;color:var(--accent)}.sig-status{margin:4px 0 0;font-size:.9rem;color:var(--primary-soft)}.muted{color:var(--muted)}.error{color:var(--danger)}.preview-panel{display:flex;flex-direction:column;overflow:hidden;min-height:100%;height:100%}.preview-chrome{flex:0 0 auto;display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#f8faf8,#eef3f0)}.preview-chrome span{width:10px;height:10px;border-radius:50%;background:#c9d4ce}.preview-chrome span:nth-child(1){background:#e4a39a}.preview-chrome span:nth-child(2){background:#e0c27a}.preview-chrome span:nth-child(3){background:#93c5a5}.preview-stage{flex:1 1 auto;padding:350px 16px 32px 10px;overflow:auto;background-color:#fff;background-image:url(/assets/outlook-animated.gif);background-repeat:no-repeat;background-position:left top;background-size:auto;min-height:720px;text-align:left}.preview-stage #san-signature{display:block;margin:0 auto 0 0;max-width:700px;width:max-content;text-align:left}.preview-stage #san-signature table,.preview-stage #san-signature img{display:block;margin:0}@media(max-width:1199px){.preview-stage{padding:24px 16px;background-image:none;min-height:360px}}@media(max-width:960px){.layout{grid-template-columns:1fr;align-items:start}.form-panel,.preview-panel{height:auto}.preview-stage{background-image:none;padding:16px;min-height:auto}}@media(max-width:640px){.topbar{flex-direction:column;align-items:flex-start}.sig-actions,.sig-email{grid-template-columns:1fr}}