@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg:#f6f8fc;--panel:#ffffff;--panel2:#fbfcff;--text:#0f172a;--muted:#475569;--muted2:#64748b;--border:#e2e8f0;--border2:#cbd5e1;--accent:#2563eb;--accent2:#1d4ed8;--good:#059669;--warn:#b45309;--bad:#be123c;--shadow: 0 12px 30px rgba(15, 23, 42, .08);--shadow2: 0 10px 22px rgba(15, 23, 42, .1);--radius2:22px;--sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}.emrShell{font-family:var(--sans);background:var(--bg);color:var(--text);min-height:100vh}.emrWrap{max-width:1280px;margin:0 auto;padding:18px}.topbar{position:sticky;top:0;background:#f6f8fcd6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:20}.headerRow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px}.brand{display:flex;align-items:center;gap:12px}.logo{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,#2563ebf2,#1d4ed8a6);box-shadow:0 10px 24px #2563eb2e}.hTitle{display:flex;flex-direction:column;line-height:1.1}.hTitle b{font-size:16px;letter-spacing:.2px}.hTitle span{font-size:12px;color:var(--muted2)}.pills{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pill{padding:8px 10px;border:1px solid var(--border);border-radius:999px;background:#ffffffb8;font-size:12px;color:var(--muted2);white-space:nowrap}.pillStrong{border-color:#2563eb59;box-shadow:0 0 0 3px #2563eb1a;color:var(--accent2);font-weight:800}.select{padding:8px 10px;border:1px solid var(--border);border-radius:999px;background:#ffffffb8;font-size:12px;color:var(--text);outline:none}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.tab{padding:8px 10px;border:1px solid var(--border);border-radius:999px;background:#ffffffb3;color:var(--muted2);font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.tabActive{color:var(--accent2);border-color:#2563eb59;box-shadow:0 0 0 3px #2563eb1a;font-weight:900}.pageTitleRow{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-top:14px}.pageTitle h1{margin:0;font-size:18px}.pageTitle p{margin:6px 0 0;font-size:12px;color:var(--muted2);max-width:760px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.layout{display:grid;grid-template-columns:280px 1fr 460px;gap:14px}@media(max-width:1180px){.layout{grid-template-columns:1fr}}.card{background:linear-gradient(180deg,#ffffffeb,#ffffffdb);border:1px solid var(--border);border-radius:var(--radius2);box-shadow:var(--shadow);overflow:hidden}.cardHd{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border)}.cardHd b{font-size:13px}.cardHd span{font-size:12px;color:var(--muted2)}.cardBd{padding:12px 14px}.noteList{display:flex;flex-direction:column;gap:10px}.noteTile{padding:10px;border:1px solid var(--border);border-radius:18px;background:#ffffffbf;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.noteTileActive{border-color:#2563eb59;box-shadow:0 0 0 3px #2563eb1a}.noteMeta{min-width:0}.noteMeta b{font-size:13px}.noteMeta small{display:block;margin-top:6px;font-size:12px;color:var(--muted2)}.badge{font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:#f1f5f9bf;color:var(--muted2);white-space:nowrap}.badgeDraft{border-color:#b4530940;background:#b453091a;color:#7c2d12}.badgeSigned{border-color:#05966940;background:#0596691a;color:#065f46}.badgeLocked{border-color:#be123c40;background:#be123c1a;color:#881337}.btnRow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn{padding:10px 12px;border-radius:999px;border:1px solid var(--border);background:#ffffffc7;font-size:12px;color:var(--muted);cursor:pointer}.btnPrimary{border-color:#2563eb59;box-shadow:0 0 0 3px #2563eb1a,0 8px 18px #0f172a0d;color:var(--accent2);font-weight:800}.btnGhost{background:#f1f5f9b8;color:var(--muted2)}.btnDanger{border-color:#be123c4d;background:#be123c1a;color:#881337}.chips{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.chip{padding:7px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffffc7;font-size:12px;color:var(--muted2)}.chipStrong{border-color:#2563eb59;color:var(--accent2);font-weight:800}.chipMono{font-family:var(--mono)}.editor{width:100%;min-height:340px;resize:vertical;padding:12px;border-radius:18px;border:1px solid var(--border);background:#fbfcfff2;color:var(--text);outline:none;line-height:1.55;font-size:13px;font-family:var(--mono)}.editor:disabled{opacity:.65}.kvGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kv{padding:10px;border:1px solid var(--border);border-radius:18px;background:#ffffffc7}.kv label{display:block;font-size:11px;color:var(--muted2);margin-bottom:6px}.kv input,.kv select,.kv textarea{width:100%;padding:10px;border-radius:14px;border:1px solid var(--border);background:#ffffffeb;font-size:13px;outline:none}.kv textarea{min-height:54px;resize:vertical}.ruleBox{padding:10px;border:1px solid var(--border);border-radius:18px;background:#f1f5f98c;font-size:12px;color:var(--muted2)}.ruleBox ul{margin:8px 0 0 18px;padding:0}.ruleBox li{margin:4px 0}.checklist{display:flex;flex-direction:column;gap:10px}.checkItem{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--border);border-radius:18px;background:#ffffffc7}.checkLeft{display:flex;gap:10px;align-items:flex-start}.checkIcon{width:18px;height:18px;border-radius:6px;border:1px solid rgba(5,150,105,.25);background:#0596691f;display:flex;align-items:center;justify-content:center;color:#065f46;font-weight:900;font-size:12px;line-height:1}.checkText b{font-size:13px;display:block}.checkText small{font-size:12px;color:var(--muted2);display:block;margin-top:4px}.sectionGap{display:flex;flex-direction:column;gap:14px}@media(min-width:1400px){.emrWrap{max-width:1800px}}.workspaceGrid{display:grid;grid-template-columns:clamp(64px,18vw,320px) 1fr clamp(0px,26vw,560px);gap:12px;align-items:start}.railCollapsed{grid-template-columns:64px 1fr clamp(0px,26vw,560px)}.railIconOnly{display:flex;flex-direction:column;gap:10px}.railIconBtn{width:44px;height:44px;border-radius:16px;border:1px solid var(--border);background:#ffffffc7;cursor:pointer;color:var(--muted2);font-weight:800}.fullHeightEditor{height:calc(100vh - 240px);min-height:520px;display:flex;flex-direction:column}.fullHeightEditor .card{flex:1;display:flex;flex-direction:column}.fullHeightEditor .cardBd{display:flex;flex-direction:column;flex:1}.fullHeightEditor .editor{flex:1;min-height:420px}.templateVarsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.multiWrap{display:flex;flex-wrap:wrap;gap:8px}.multiOption{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted2);border:1px solid var(--border);border-radius:999px;background:#fffc;padding:4px 10px}@media(max-width:1280px){.templateVarsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1180px){.workspaceGrid{grid-template-columns:1fr}.fullHeightEditor{height:auto;min-height:0}.templateVarsGrid{grid-template-columns:1fr}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f6f8fc;--deep: #f3f6fb;--card: #ffffff;--card2: #fbfcff;--border: #e2e8f0;--text: #0f172a;--text-sec: #1e293b;--muted: #64748b;--accent: #2563eb;--accent-lo: rgba(37,99,235,.1);--accent-md: rgba(37,99,235,.2);--amber: #b45309;--amber-lo: rgba(180,83,9,.12);--red: #be123c;--red-lo: rgba(190,18,60,.12);--green: #059669;--green-lo: rgba(5,150,105,.12);--blue: #1d4ed8;--blue-lo: rgba(29,78,216,.12);--purple: #7c3aed;--input-bg: #ffffff;--hover-bg: rgba(15,23,42,.04);--topbar-bg: rgba(246,248,252,.85);--login-bg: #f6f8fc;--sh: 0 12px 30px rgba(15,23,42,.08);--sh-sm: 0 10px 22px rgba(15,23,42,.1);--r-sm: 8px;--r-md: 14px;--r-lg: 18px;--s-1: 8px;--s-2: 16px;--s-3: 24px;--s-4: 32px;--sans: "Manrope", -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;--teal: #2563eb;--teal-lo: rgba(37,99,235,.1);--teal-md: rgba(37,99,235,.2);--navy: #0f172a;--serif: "Manrope", sans-serif}[data-theme=dark]{--bg: #0f1a27;--deep: #162434;--card: #162434;--card2: #1a2c40;--border: rgba(219,233,247,.12);--text: #eef5fc;--text-sec: #d2e2f2;--muted: #9cb4cb;--accent: #5ea2e4;--accent-lo: rgba(94,162,228,.16);--accent-md: rgba(94,162,228,.24);--amber: #e0ab4a;--amber-lo: rgba(224,171,74,.16);--red: #e1786c;--red-lo: rgba(225,120,108,.16);--green: #43b18d;--green-lo: rgba(67,177,141,.16);--blue: #5ea2e4;--blue-lo: rgba(94,162,228,.16);--purple: #5ea2e4;--input-bg: #0f1a27;--hover-bg: rgba(255,255,255,.05);--topbar-bg: rgba(22,36,52,.95);--login-bg: #0f1a27;--teal: var(--accent);--teal-lo: var(--accent-lo);--teal-md: var(--accent-md);--navy: #0f1a27}html,body,#root{height:100%}body{font-family:var(--sans);background:radial-gradient(900px 600px at 20% 0%,#eef2ff,#eef2ff00 60%),radial-gradient(900px 600px at 80% 10%,#eff6ff,#eff6ff00 55%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11"}button{font-family:var(--sans);cursor:pointer}input,select,textarea{font-family:var(--sans)}a{color:var(--accent);text-decoration:none}.glass-surface{background:linear-gradient(180deg,#ffffffeb,#ffffffdb);border:1px solid var(--border);box-shadow:var(--sh-sm)}button{letter-spacing:.01em}input,select,textarea{border-color:var(--border)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-up{animation:fadeUp .2s ease}.animate-slide-in{animation:slideIn .25s cubic-bezier(.4,0,.2,1)}.animate-slide-out{animation:slideOut .2s ease-in}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.slide-panel-overlay{position:fixed;inset:0;background:#09172659;z-index:300;animation:fadeIn .15s ease}.slide-panel{position:fixed;top:0;right:0;bottom:0;width:560px;max-width:100%;background:var(--bg);border-left:1px solid var(--border);z-index:310;overflow-y:auto;animation:slideIn .25s cubic-bezier(.4,0,.2,1)}.portal-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;background:#ffffffbf;color:var(--muted);padding:8px 10px;font-size:12px;white-space:nowrap}.portal-card{background:linear-gradient(180deg,#ffffffeb,#ffffffdb);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh)}.portal-btn{border:1px solid #cbd5e1;background:var(--card);color:var(--text);border-radius:12px;padding:9px 12px;font-size:12px;min-height:38px}.portal-btn.primary{border-color:#2563eb59;box-shadow:0 0 0 3px #2563eb1a,0 8px 18px #0f172a0d;color:var(--blue);font-weight:800}@media(max-width:700px){.slide-panel{width:100%}}