:root{--bg:#f7f9fc;--card:#fff;--text:#0f172a;--muted:#6b7280;--primary:#0ea5e9;--primary-600:#0284c7;--ring:#dbeafe;--border:#e5e7eb;--danger:#ef4444;--success:#10b981}@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:url(/fonts/Poppins-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Poppins;font-style:normal;font-weight:500;src:url(/fonts/Poppins-Medium.ttf) format("truetype");font-display:swap}@font-face{font-family:Poppins;font-style:normal;font-weight:600;src:url(/fonts/Poppins-SemiBold.ttf) format("truetype");font-display:swap}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.container{max-width:980px;margin:auto;padding:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 24px #0f172a0a;padding:24px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.brand{display:flex;gap:16px;align-items:center}.logo-wrap{width:80px!important;height:80px!important;border-radius:14px!important;background:#ecfeff;display:grid;place-items:center;border:1px solid #bae6fd;overflow:hidden;flex-shrink:0}.logo{width:72px!important;height:auto!important;max-height:72px!important;object-fit:contain}h1{margin:0;font-size:26px;font-weight:600}.sub{color:var(--muted);font-size:14px;margin-top:2px}.kv{display:grid;grid-template-columns:140px 1fr;gap:8px 16px;background:#f8fafc;border:1px solid var(--border);padding:12px;border-radius:12px;margin-top:8px;font-size:14px}.kv .label{color:var(--muted)}.mono{font-family:ui-monospace,Menlo,Consolas,monospace}.form{display:grid;gap:16px;margin-top:16px}.row{display:grid;gap:16px;grid-template-columns:repeat(12,1fr)}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}@media (max-width:840px){.col-4,.col-6,.col-8{grid-column:span 12}}.label{font-size:13px;color:var(--muted);margin-bottom:6px}.input,.textarea,.select{width:100%;font:inherit;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--text);outline:none;transition:border-color .1s,box-shadow .1s}.textarea{min-height:96px;resize:vertical}.input:focus,.textarea:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 6px var(--ring)}.check{display:flex;align-items:center;gap:10px;font-size:14px}.doc-type-switch{display:grid;position:relative}.doc-type-switch select,.doc-type-switch .doc-type-custom{grid-area:1 / 1}.doc-type-switch .doc-type-custom{display:none;align-items:center;gap:10px}.doc-type-switch.custom-mode select{display:none}.doc-type-switch.custom-mode .doc-type-custom{display:flex}.doc-type-custom .input{flex:1}.link-btn{background:none;border:0;padding:0;color:var(--primary);font:inherit;cursor:pointer}.link-btn:hover{text-decoration:underline}.actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:12px;padding:12px 18px;font-weight:600;cursor:pointer;transition:all .15s}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-600)}.btn.ghost{background:#fff;border-color:var(--border);color:var(--text)}.btn.ghost:hover{border-color:#cbd5e1;background:#f8fafc}.btn:disabled{opacity:.6;cursor:not-allowed}.alert{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:12px;border:1px solid var(--border);background:#f8fafc;color:var(--muted);font-size:14px}.alert.danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.alert.success{background:#ecfdf5;border-color:#bbf7d0;color:#065f46}.center{display:grid;place-items:center;min-height:60vh}.small{font-size:12px;color:var(--muted)}.confirm{text-align:center;padding:32px}.confirm .big{font-size:20px;font-weight:600;margin:0 0 6px}.confirm .desc{color:var(--muted);margin:0 0 16px}.confirm .tick{width:64px;height:64px;border-radius:50%;background:#ecfdf5;border:2px solid #bbf7d0;display:grid;place-items:center;margin:0 auto 12px;color:#065f46;font-size:40px;line-height:0}.sd-overlay{position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center}.sd-modal{background:#fff;border:1px solid var(--border, #e5e7eb);border-radius:16px;box-shadow:0 12px 28px #02061740;width:min(520px,calc(100% - 32px));padding:20px 20px 16px;text-align:center}.sd-modal .tick{font-size:40px;line-height:1;margin-bottom:8px;color:#16a34a}.sd-modal .big{margin:.25rem 0 0;font-weight:600;font-size:22px}.sd-modal .desc{margin:.25rem 0 0;color:var(--muted, #64748b);font-size:14px}.sd-modal .actions{display:flex;justify-content:center;gap:12px;margin-top:14px}.logo-wrap{width:96px!important;height:96px!important;border-radius:18px!important}.logo{max-width:80px!important;max-height:80px!important}@keyframes sd_fade_in{0%{opacity:0}to{opacity:1}}@keyframes sd_pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.sd-overlay{animation:sd_fade_in .18s ease-out both;z-index:2147483647}.sd-modal{animation:sd_pop .18s ease-out both}.sd-modal .actions{display:flex;justify-content:center;gap:12px;margin-top:16px}.sd-modal .btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:12px;padding:12px 16px;font-weight:600;cursor:pointer;background:var(--primary, #0ea5e9);color:#fff}.sd-modal .btn:hover{background:var(--primary-600, #0284c7)}.sd-modal .tick{font-size:44px}@media (max-width: 420px){.card{padding:18px}}.sd-warm{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f3f5f9;z-index:9999}.sd-warm-box{text-align:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.sd-warm-title{margin:6px 0 2px;font-size:22px;font-weight:600;color:#0f172a}.sd-warm-sub{margin:0;font-size:14px;color:#475569}.sd-warm-spinner{width:56px;height:56px;border-radius:50%;border:5px solid rgba(2,6,23,.15);border-top-color:#2563eb;animation:sdspin .9s linear infinite;margin:0 auto 14px}@keyframes sdspin{to{transform:rotate(360deg)}}