:root{--blue: #2563EB;--blue-light: #EFF6FF;--blue-mid: #DBEAFE;--blue-dark: #1D4ED8;--green: #16A34A;--green-bg: #F0FDF4;--red: #DC2626;--red-bg: #FEF2F2;--amber: #D97706;--amber-bg: #FFFBEB;--gray-950: #0C0E12;--gray-800: #1E2433;--gray-600: #4B5568;--gray-500: #6B7280;--gray-400: #9CA3AF;--gray-300: #D1D5DB;--gray-200: #E5E7EB;--gray-100: #F3F4F6;--gray-50: #F9FAFB;--white: #FFFFFF;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--font: "Plus Jakarta Sans", system-ui, sans-serif;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 6px rgba(0,0,0,.05), 0 2px 4px rgba(0,0,0,.04);--shadow-md: 0 10px 24px rgba(0,0,0,.07), 0 4px 8px rgba(0,0,0,.04);--shadow-lg: 0 20px 40px rgba(0,0,0,.09), 0 8px 16px rgba(0,0,0,.05);--t: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--gray-50);color:var(--gray-800);min-height:100vh;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}input[readonly],.input-readonly{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed;border-color:#e5e7eb}.hidden-step{display:none!important}nav{position:sticky;top:0;z-index:100;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-200);height:56px;display:flex;align-items:center;padding:0 clamp(16px,4vw,40px);gap:12px}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.nav-icon{width:32px;height:32px;background:var(--blue);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.nav-brand{font-size:15px;font-weight:700;color:var(--gray-800);letter-spacing:-.01em}.nav-sep{width:1px;height:20px;background:var(--gray-200);margin:0 4px}.nav-sub{font-size:13px;color:var(--gray-400);font-weight:500}.nav-right{margin-left:auto;display:flex;align-items:center;gap:8px}.badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:100px;letter-spacing:.02em}.badge-blue{background:var(--blue-mid);color:var(--blue-dark)}.badge-green{background:var(--green-bg);color:var(--green)}.app{max-width:1060px;margin:0 auto;padding:clamp(24px,4vw,48px) clamp(16px,3vw,24px) 80px;display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:start}.sidebar{position:sticky;top:80px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.sidebar-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-400);margin-bottom:16px}.steps-list{display:flex;flex-direction:column;gap:2px}.step-item{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:var(--radius);cursor:pointer;transition:var(--t);position:relative}.step-item:before{content:"";position:absolute;left:21px;top:36px;width:1px;height:16px;background:var(--gray-200);transition:var(--t)}.step-item:last-child:before{display:none}.step-num{width:22px;height:22px;border-radius:50%;border:2px solid var(--gray-300);background:var(--white);font-size:11px;font-weight:700;color:var(--gray-400);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--t);z-index:1}.step-label{font-size:13px;font-weight:500;color:var(--gray-500);transition:var(--t)}.step-item.active .step-num{background:var(--blue);border-color:var(--blue);color:#fff}.step-item.active .step-label{color:var(--blue);font-weight:700}.step-item.done .step-num{background:var(--green);border-color:var(--green);color:#fff;font-size:10px}.step-item.done .step-label{color:var(--gray-600)}.step-item.done:before{background:var(--green);opacity:.35}.progress-bar{margin-top:20px;padding-top:16px;border-top:1px solid var(--gray-100)}.progress-label{display:flex;justify-content:space-between;font-size:11px;font-weight:600;color:var(--gray-400);margin-bottom:8px}.progress-track{height:4px;background:var(--gray-100);border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--blue),#60A5FA);border-radius:99px;transition:width .4s ease}.main-area{display:flex;flex-direction:column;gap:0}.page-intro{margin-bottom:20px}.page-intro h1{font-size:clamp(20px,3vw,26px);font-weight:800;letter-spacing:-.03em;color:var(--gray-800);line-height:1.15;margin-bottom:6px}.page-intro p{font-size:14px;color:var(--gray-500);line-height:1.6}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.card-top{padding:24px 32px 20px;border-bottom:1px solid var(--gray-100);display:flex;align-items:flex-start;gap:14px}.card-icon{width:44px;height:44px;flex-shrink:0;background:var(--blue-light);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:21px;margin-top:2px}.card-ttl{font-size:17px;font-weight:800;color:var(--gray-800);letter-spacing:-.02em;margin-bottom:3px}.card-sub{font-size:13px;color:var(--gray-500);line-height:1.5}.card-body{padding:28px 32px}.card-foot{padding:16px 32px;border-top:1px solid var(--gray-100);background:var(--gray-50);display:flex;align-items:center;justify-content:space-between;gap:12px}.section{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);margin-bottom:14px}.divider{height:1px;background:var(--gray-100);margin:24px 0}.grid{display:grid;gap:16px}.g1{grid-template-columns:1fr}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:1fr 1fr 1fr}.field{display:flex;flex-direction:column;gap:6px}label{font-size:12px;font-weight:600;color:var(--gray-600);display:flex;align-items:center;gap:5px;flex-wrap:wrap}.req{color:var(--blue);font-size:13px;line-height:1}.opt{font-weight:400;color:var(--gray-400);font-size:11px}input,select,textarea{font-family:var(--font);font-size:14px;font-weight:500;color:var(--gray-800);background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius);padding:10px 13px;outline:none;transition:border-color var(--t),box-shadow var(--t),background var(--t);width:100%;-webkit-appearance:none}input::placeholder,textarea::placeholder{color:var(--gray-300);font-weight:400}input:hover,select:hover{border-color:var(--gray-300)}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a;background:#fafcff}input.err,select.err{border-color:var(--red)!important;box-shadow:0 0 0 3px #dc262614!important}select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%239CA3AF' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:34px}textarea{resize:vertical;min-height:72px}.hint{font-size:11px;color:var(--gray-400);font-weight:400;margin-top:1px}.ferr{font-size:11px;color:var(--red);font-weight:500;display:none;align-items:center;gap:4px;margin-top:1px}.ferr:before{content:"↑";font-size:10px}.mono{font-size:15px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.date-row{display:flex;align-items:flex-end;gap:8px}.du{display:flex;flex-direction:column;gap:5px}.du label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--gray-400)}.du input{text-align:center;font-weight:600}.dy{width:74px}.dm,.dd{width:52px}.dslash{font-size:20px;color:var(--gray-300);padding-bottom:9px;font-weight:300;line-height:1}.callout{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--radius);border:1.5px solid}.callout-amber{background:var(--amber-bg);border-color:#fde68a}.callout-blue{background:var(--blue-light);border-color:var(--blue-mid)}.callout-icon{font-size:16px;flex-shrink:0;margin-top:1px}.callout-body{font-size:13px;color:var(--gray-600);line-height:1.65}.callout-body strong{color:var(--gray-700);font-weight:700;display:block;margin-bottom:2px}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--radius);font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;border:none;transition:all var(--t);letter-spacing:-.01em;white-space:nowrap}.btn-ghost{background:var(--white);color:var(--gray-600);border:1.5px solid var(--gray-200);box-shadow:var(--shadow-xs)}.btn-ghost:hover{border-color:var(--gray-300);color:var(--gray-800);background:var(--gray-50)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 1px 3px #2563eb4d,0 0 0 1px #2563eb26}.btn-primary:hover{background:var(--blue-dark);box-shadow:0 4px 12px #2563eb59;transform:translateY(-1px)}.btn-green{background:var(--green);color:#fff;padding:10px 22px;font-size:14px;box-shadow:0 1px 3px #16a34a4d,0 0 0 1px #16a34a26}.btn-green:hover{background:#15803d;box-shadow:0 4px 12px #16a34a59;transform:translateY(-1px)}.btn svg{flex-shrink:0}.panel{display:none}.panel.active{display:block;animation:up .25s cubic-bezier(.22,.68,0,1.2)}@keyframes up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rblock{border:1.5px solid var(--gray-100);border-radius:var(--radius-lg);overflow:hidden;background:var(--white)}.rblock.full{grid-column:span 2}.rblock-head{padding:10px 16px;background:var(--gray-50);border-bottom:1px solid var(--gray-100);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-400)}.rrows{padding:12px 16px;display:flex;flex-direction:column;gap:10px}.rrow{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.rk{font-size:12px;color:var(--gray-400);font-weight:500;flex-shrink:0}.rv{font-size:13px;color:var(--gray-700);font-weight:600;text-align:right;word-break:break-all;max-width:60%}.rsig{padding:14px 16px;display:flex;align-items:center;gap:10px}.rsig img{max-height:48px;max-width:140px;object-fit:contain;border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:4px;background:#fff}.rsig .no-sig{font-size:12px;color:var(--gray-400);font-style:italic}.toast{position:fixed;bottom:24px;right:24px;z-index:999;background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);padding:14px 18px;display:none;align-items:center;gap:12px;box-shadow:var(--shadow-lg);max-width:340px;animation:tslide .2s ease}.toast.show{display:flex}.toast.t-err{border-color:#fca5a5}.toast.t-ok{border-color:#86efac}@keyframes tslide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#overlay{position:fixed;inset:0;z-index:999;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center}#overlay.show{display:flex}.ov{text-align:center;padding:48px;background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.spinner{width:44px;height:44px;margin:0 auto 18px;border:3px solid var(--gray-100);border-top-color:var(--blue);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ov-t{font-size:17px;font-weight:800;color:var(--gray-800);letter-spacing:-.02em;margin-bottom:4px}.ov-s{font-size:13px;color:var(--gray-400)}@media(max-width:720px){.app{grid-template-columns:1fr}.sidebar{position:static;display:flex;gap:16px;align-items:center;padding:14px 16px}.sidebar-title{display:none}.steps-list{flex-direction:row;gap:4px;flex-wrap:wrap}.step-item{padding:6px 10px}.step-item:before{display:none}.step-label,.progress-bar{display:none}.grid.g2,.grid.g3,.review-grid{grid-template-columns:1fr}.rblock.full{grid-column:span 1}.card-body,.card-top{padding-left:20px;padding-right:20px}.card-foot{flex-direction:column-reverse}.card-foot .btn{width:100%;justify-content:center}}