#document-register-dialog{border:0;padding:0;width:1120px;max-width:calc(100vw - 48px);height:860px;max-height:94dvh;margin:auto;border-radius:16px;color:var(--ink);box-shadow:0 24px 100px #142b4140;background:#fff;overflow:hidden}
#document-register-dialog[open]{display:flex;flex-direction:column}#document-register-dialog::backdrop{background:#14263d65;backdrop-filter:blur(3px)}
.dr-header{display:flex;align-items:center;justify-content:space-between;padding:25px 32px 18px;flex:none}.dr-eyebrow{font-size:11px;color:#7d8ea5;display:block;margin-bottom:7px}.dr-header h2{font-size:23px}.dr-steps{display:flex;align-items:center;justify-content:center;gap:22px;padding:12px 30px 23px;border-bottom:1px solid var(--line);flex:none}.dr-steps>div{display:flex;align-items:center;gap:9px;color:#94a1b1;font-size:12px}.dr-steps b{display:grid;place-items:center;border-radius:50%;background:#f0f3f7;width:27px;height:27px;font-size:12px}.dr-steps .current{color:#175ed4;font-weight:700}.dr-steps .current b{background:#175ed4;color:white}.dr-steps .done{color:#44857a}.dr-steps .done b{background:#e7f5f0}.dr-steps i{width:65px;height:1px;background:#e4eaf2}
.dr-body{padding:28px 32px;overflow:auto;min-height:0;flex:1}.dr-intro{text-align:center;margin:5px 0 25px}.dr-kicker{font-size:11px;color:#5380b9;display:block;margin-bottom:10px;font-weight:600}.dr-intro h3{font-size:25px;letter-spacing:-1px}.dr-intro p{font-size:13px;color:#7c8ba0;line-height:1.8;margin-top:10px}.dr-sample-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f0f6ff;border:1px solid #dce9fd;border-radius:10px;padding:19px 22px;margin-bottom:24px}.dr-sample-banner b{font-size:14px;color:#365b8c}.dr-sample-banner p{font-size:12px;color:#7b91ae;line-height:1.8;margin-top:5px}.dr-sample-banner .button{flex:none;background:white;border-color:#c8dbf6;color:#245db4;font-size:12px}.dr-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dr-upload-card{border:1px solid #e0e7f0;border-radius:11px;padding:20px}.dr-card-title{display:flex;gap:12px;align-items:center;margin-bottom:20px}.dr-doc-icon{display:grid;place-items:center;background:#eff4fb;color:#5b7da6;border-radius:9px;width:42px;height:44px}.dr-card-title h3{font-size:15px}.dr-card-title p{font-size:11px;color:#8a97a9;margin-top:5px}.dr-small-tag{font-size:10px;color:#8495aa;padding:4px 7px;border-radius:4px;background:#f3f6fa;margin-left:auto}.dr-drop{border:1px dashed #cddbeb;border-radius:8px;background:#fcfdff;width:100%;padding:23px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:160px}.dr-drop:hover,.dr-drop.dragover{background:#eff6ff;border-color:#80a8de}.dr-upload-symbol{display:grid;place-items:center;width:36px;height:36px;background:#edf3fc;border-radius:50%;color:#5b81b2;margin-bottom:3px}.dr-drop strong{font-size:13px;word-break:break-all;font-weight:550;line-height:1.6}.dr-drop small{font-size:11px}.dr-file-actions{height:30px;padding-top:12px;display:flex;gap:15px;align-items:center;font-size:11px;color:#98a4b3}.dr-file-actions .link-button{font-size:11px}.has-file .dr-drop{border-color:#9fbdcc;background:#f7fbfc}.has-file .dr-upload-symbol{color:#338478;background:#e5f3ee}.dr-notice{display:flex;gap:11px;margin-top:23px;color:#8a97aa;font-size:11px;line-height:1.9;padding:0 3px}.dr-notice svg{flex:none;width:16px;margin-top:2px}.dr-notice strong{font-weight:550;color:#6e8199}
.dr-footer{padding:18px 32px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;background:white}.dr-footer>div{display:flex;align-items:center;gap:16px}.dr-footer span{font-size:11px;color:#93a0b2}.dr-footer svg{width:16px;height:16px}.dr-footer .button{white-space:nowrap}#dr-back svg{transform:rotate(180deg)}
.dr-review-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.dr-review-heading h3{font-size:20px}.dr-review-heading p{font-size:12px;color:#8492a4;margin-top:8px;line-height:1.8}.dr-mode{font-size:10px;color:#54789e;border:1px solid #dfe9f5;background:#f5f9ff;border-radius:20px;padding:7px 10px;white-space:nowrap}.dr-review-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:28px;align-items:start}.dr-source{position:sticky;top:0;border:1px solid #e1e8f1;border-radius:10px;overflow:hidden;background:#f5f7fb}.dr-source-tabs{display:flex;background:white;padding:0 17px;border-bottom:1px solid #e1e8f1;gap:25px}.dr-source-tabs button{font-size:12px;color:#8493a7;padding:15px 0;border-bottom:2px solid transparent}.dr-source-tabs button.selected{color:#2267bf;border-color:#2267bf;font-weight:650}.dr-preview{padding:24px;min-height:330px;display:flex;align-items:center;justify-content:center}.dr-paper{background:white;box-shadow:0 4px 15px #1f3b5920;padding:25px 25px 20px;min-height:390px;width:100%}.dr-paper-label{font-size:9px;text-align:center;color:#92a0b2;border-bottom:1px solid #edf0f5;padding-bottom:12px}.dr-paper h3{text-align:center;font-size:20px;margin:28px 0 13px;letter-spacing:1px}.dr-paper-no{text-align:center;font-size:15px;color:#4c627e}.dr-paper-no small{display:block;margin-top:5px;font-size:9px}.dr-paper dl{display:grid;grid-template-columns:55px 1fr;font-size:11px;gap:15px 7px;margin:28px 0 12px}.dr-paper dt{color:#8a98aa}.dr-paper dd{margin:0;line-height:1.5;color:#53677f}.dr-paper-stamp{font-size:27px;letter-spacing:6px;color:#b7c7d99c;text-align:center;transform:rotate(-10deg);margin:29px 0 20px}.dr-paper-foot{text-align:center;font-size:9px;color:#a1adbc}.dr-source-caption{padding:0 16px 12px;text-align:center;font-size:10px;color:#71849e;overflow-wrap:anywhere}.dr-source-note{font-size:10px;color:#93a0b2;line-height:1.8;padding:13px 16px;border-top:1px solid #e3e9f1}.dr-id-sample{background:#fff;width:100%;border-radius:11px;border:1px solid #dbe5ed;padding:22px;color:#61748a;box-shadow:0 3px 12px #2842630e}.dr-id-sample h3{margin:20px 0;font-size:16px}.dr-id-person{display:flex;gap:20px;align-items:center;margin:22px 0}.dr-id-person>span{width:68px;height:82px;background:#eaf0f7;display:grid;place-items:center;border-radius:7px}.dr-id-person svg{width:32px;height:32px;color:#9aafc4}.dr-id-person b{font-size:20px;letter-spacing:3px;color:#425e79}.dr-id-person p{font-size:11px;margin-top:10px}.dr-id-sample>p{font-size:11px}.dr-id-watermark{text-align:center;font-size:22px;color:#c2cfdd;letter-spacing:5px;margin:30px 0 15px}.dr-id-sample small{font-size:9px}.dr-preview-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:16px;color:#8294aa;font-size:12px;line-height:1.8}.dr-preview-empty svg{width:38px;height:38px;color:#bac7d7}.dr-preview-empty p{font-size:11px}.dr-image{display:block;width:100%;max-height:500px;object-fit:contain}.dr-pdf{width:100%;height:490px;border:0;background:white}
.dr-form-section{border-bottom:1px solid #e8edf4;margin-bottom:21px;padding-bottom:17px}.dr-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px}.dr-section-heading h4{font-size:14px;margin:0}.dr-section-heading>span{font-size:10px;color:#8d9eb3}.dr-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 15px}.dr-field{min-width:0}.dr-field.wide{grid-column:1/-1}.dr-field label{font-size:11px;color:#6b809a;display:block;margin-bottom:8px}.dr-field em{font-style:normal;color:#a3b0c0;font-size:9px;margin-left:3px}.dr-field input,.dr-field select{border:1px solid #dae3ee;border-radius:6px;background:white;color:#324f71;width:100%;height:39px;padding:9px 10px;font-size:13px;min-width:0}.dr-field input:focus,.dr-field select:focus{outline:2px solid #9bbff2;outline-offset:1px}.dr-field small{font-size:10px;display:block;margin-top:6px}.dr-date{display:flex;gap:8px;align-items:center;font-size:11px;color:#92a0b3}.dr-date input{width:55px;text-align:center}.dr-date input:first-child{width:75px}.dr-rrn-note{margin-top:17px;font-size:10px;color:#93a1b2;display:flex;gap:7px;align-items:center;line-height:1.6}.dr-rrn-note svg{width:13px;height:13px;flex:none}.dr-confirm{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.8;color:#627994;cursor:pointer}.dr-confirm input,.dr-warning input{width:16px;height:16px;accent-color:#175ed4;flex:none}.dr-warning{font-size:11px;background:#fff8eb;border:1px solid #f2dfb5;border-radius:7px;color:#9c7939;padding:14px;line-height:1.8;margin:15px 0}.dr-warning p{margin-top:6px}.dr-warning label{display:flex;align-items:center;gap:6px;margin-top:9px}.dr-warning .link-button{display:flex;align-items:center;gap:4px;font-size:11px;margin-top:9px}.dr-warning svg{width:13px;height:13px}.dr-error{color:#bc464d;font-size:12px;line-height:1.7;margin-top:16px;padding:11px 13px;background:#fff4f4;border-radius:6px}
.dr-success{text-align:center;max-width:510px;margin:20px auto}.dr-success-icon{width:66px;height:66px;border-radius:50%;background:#edf7f2;color:#399581;display:grid;place-items:center;margin:0 auto 24px}.dr-success-icon svg{width:30px;height:30px}.dr-success .dr-kicker{color:#59968a}.dr-success h3{font-size:25px;line-height:1.5;overflow-wrap:anywhere}.dr-success>p{font-size:12px;line-height:1.8;color:#8293a7;margin-top:12px}.dr-success dl{text-align:left;background:#f7f9fc;border:1px solid #e7edf5;border-radius:10px;padding:25px 28px;margin:29px 0 22px;display:grid;grid-template-columns:135px 1fr;gap:19px 10px;font-size:12px}.dr-success dt{color:#8c9aab}.dr-success dd{color:#536b86;margin:0;overflow-wrap:anywhere}.dr-success-note{font-size:11px;color:#94a2b4;line-height:1.9}
@media(max-width:760px){#document-register-dialog{max-width:100%;width:100%;height:100dvh;max-height:100dvh;border-radius:0}.dr-header{padding:20px}.dr-header h2{font-size:21px}.dr-steps{gap:12px;padding:8px 20px 18px}.dr-steps>div{font-size:11px;gap:6px}.dr-steps i{width:22px}.dr-body{padding:23px 20px}.dr-intro h3{font-size:22px;line-height:1.5}.dr-intro p{font-size:12px}.dr-sample-banner{align-items:flex-start;flex-direction:column;gap:12px;padding:17px}.dr-sample-banner p{font-size:11px}.dr-sample-banner .button{width:100%;justify-content:center}.dr-upload-grid{grid-template-columns:1fr;gap:15px}.dr-upload-card{padding:16px}.dr-drop{min-height:140px;padding:18px 10px}.dr-notice{font-size:10px}.dr-footer{padding:15px 20px;gap:10px}.dr-footer>span,.dr-footer>div>span{display:none}.dr-footer>div{gap:8px;margin-left:auto}.dr-footer .button{font-size:12px}.dr-review-heading{align-items:flex-start;flex-direction:column;gap:10px}.dr-review-heading h3{font-size:20px}.dr-review-heading p{font-size:11px}.dr-review-grid{grid-template-columns:1fr;gap:25px}.dr-source{position:static}.dr-preview{padding:20px;min-height:250px}.dr-paper{max-width:350px;padding:20px;min-height:340px}.dr-paper h3{margin-top:20px}.dr-paper dl{margin-top:23px;gap:11px}.dr-source-note{font-size:10px}.dr-field input,.dr-field select{font-size:16px;min-height:42px}.dr-field label{font-size:12px}.dr-form-grid{gap:17px 12px}.dr-date{gap:5px}.dr-date input{width:50px;padding:7px}.dr-date input:first-child{width:75px}.dr-success{margin-top:15px}.dr-success h3{font-size:22px}.dr-success dl{padding:21px 16px;grid-template-columns:105px 1fr;gap:16px 8px}.dr-success-note{font-size:10px}.dr-id-sample{max-width:350px}.dr-image{max-height:360px}.dr-pdf{height:350px}}

body:has(#document-register-dialog[open]){overflow:hidden}.dr-preview-toggle{display:none}@media(max-width:760px){.dr-preview-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 17px;font-size:11px;background:#f5f9ff;color:#8195ae}.dr-preview-toggle b{font-size:11px;color:#3971b7;font-weight:600}.dr-source:not(.expanded) .dr-preview,.dr-source:not(.expanded) .dr-source-caption,.dr-source:not(.expanded) .dr-source-note,.dr-source:not(.expanded) .dr-source-tabs{display:none}}