:root{font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#16263b;background:#f3f6fa;font-synthesis:none;line-height:1.6;font-size:16px;--blue:#2057d9;--muted:#59697d;--border:#dce3ee}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #81a8ff;outline-offset:3px}[hidden]{display:none!important}.header{height:80px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));background:white;gap:20px}.brand{text-decoration:none;color:inherit;display:flex;align-items:center;gap:12px;font-weight:750;white-space:nowrap}.brand-mark{background:#162a47;color:white;width:32px;height:36px;display:grid;place-items:center;border-radius:5px}.brand-label{font-size:.75rem;letter-spacing:.12em;border-left:1px solid var(--border);padding-left:12px;color:var(--muted)}#account{display:flex;align-items:center;gap:20px;font-size:.875rem}main{max-width:1208px;margin:auto;padding:44px 24px 24px}h1,h2,p{margin:0}h1{font-size:2rem;letter-spacing:-.045em;font-weight:750;line-height:1.3}h2{font-size:1.125rem;letter-spacing:-.02em}.eyebrow{font-size:.75rem;font-weight:750;letter-spacing:.12em;color:var(--blue);margin-bottom:8px}.muted{color:var(--muted);font-size:.875rem}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px}.badge{font-size:.75rem;font-weight:700;color:#506379;letter-spacing:.06em}.actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{background:white;border:1px solid var(--border);border-radius:12px;padding:28px}.card-title{display:flex;align-items:center;gap:12px;margin-bottom:10px}.step{color:var(--blue);background:#eaf0ff;border-radius:5px;font-size:.75rem;font-weight:750;padding:4px 8px}.file-zone{display:flex;flex-direction:column;gap:8px;background:#f8fafd;border:1px dashed #acbcd4;border-radius:8px;padding:22px;margin:22px 0 16px;cursor:pointer}.file-zone>span{font-size:.9375rem;font-weight:650}.file-zone small{font-size:.8125rem;color:var(--muted)}input[type=file]{width:100%;font-size:.875rem;overflow:hidden;margin-top:6px}input::file-selector-button{background:white;border:1px solid var(--border);border-radius:4px;padding:6px 9px;margin-right:10px;color:#364860;cursor:pointer}.form-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;min-height:40px}.form-row label,.form-note{font-size:.875rem}.form-note{color:var(--muted);min-height:40px;display:flex;align-items:center;margin-bottom:18px}select{background:white;border:1px solid var(--border);border-radius:5px;padding:5px 30px 5px 12px;color:inherit}.primary,.secondary{width:100%;border:1px solid transparent;border-radius:6px;padding:11px 16px;display:flex;justify-content:space-between;align-items:center;font-size:.9375rem;font-weight:650}.primary{background:var(--blue);color:white}.primary:hover{background:#1946b2}.secondary{background:#172c48;color:white}.secondary:hover{background:#233f65}.quiet{border:1px solid var(--border);background:white;color:#324963;border-radius:5px;padding:6px 12px;font-size:.875rem;white-space:nowrap}.quiet:hover{background:#edf2fa}.documents{margin-top:36px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}#document-list{margin-top:16px;background:white;border:1px solid var(--border);border-radius:9px;overflow:hidden}.document-row{padding:17px 20px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--border)}.document-row:last-child{border-bottom:0}.file-type{font-size:.75rem;font-weight:750;color:#36567e;background:#edf2f9;border:1px solid var(--border);width:49px;padding:9px 0;text-align:center;border-radius:5px}.document-info{min-width:0;flex:1}.document-info strong{font-size:.9375rem;display:block;overflow-wrap:anywhere}.document-meta{font-size:.8125rem;color:var(--muted)}.document-state{font-size:.8125rem;color:#345b90;white-space:nowrap}.document-state.inactive{color:#8a4c32}.revoke{color:#9b362b}.empty{padding:32px;text-align:center;font-size:.875rem;color:var(--muted)}footer{padding:26px 0;font-size:.8125rem;color:var(--muted)}.status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#172c48;color:white;box-shadow:0 8px 30px #15294328;max-width:min(90vw,700px);width:max-content;padding:14px 22px;border-radius:8px;font-size:.9375rem;z-index:10}.status.error{background:#932d27}.login-panel{max-width:430px;margin:65px auto;background:white;border:1px solid var(--border);padding:36px;border-radius:12px}.login-panel .muted{margin:14px 0 26px}.login-panel form{display:flex;flex-direction:column;gap:8px}.login-panel label{font-size:.875rem;font-weight:650}.login-panel input{border:1px solid #b7c5d7;border-radius:6px;padding:10px 12px;margin-bottom:10px;width:100%}.login-panel button{margin-top:10px;justify-content:center}.viewer{margin-top:30px;border:1px solid #bcc9da;border-radius:10px;overflow:hidden;background:white}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border)}.viewer-title{min-width:0}.viewer-title h2{overflow-wrap:anywhere}.viewer-title .eyebrow{font-size:.75rem}.page-controls{display:flex;gap:16px;align-items:center;padding:12px 24px;font-size:.875rem;flex-wrap:wrap}#viewer-expiry{margin-left:auto;font-size:.8125rem}.page-stage{background:#dfe5ed;min-height:320px;padding:24px;display:flex;align-items:flex-start;justify-content:center;overflow:auto}.page-stage canvas{display:block;max-width:100%;max-height:none;width:auto;box-shadow:0 2px 12px #172c4820;user-select:none}.page-stage p{padding:100px 0;color:#435b78;font-size:.9375rem}.viewer-note{font-size:.8125rem;color:var(--muted);padding:12px 24px}@media(max-width:700px){.header{height:68px;padding:0 18px}.brand-label{display:none}#account{gap:8px}main{padding:26px 18px}h1{font-size:1.625rem}.heading{align-items:flex-start;flex-direction:column;gap:8px}.actions-grid{grid-template-columns:1fr;gap:16px}.card{padding:22px}.document-row{gap:12px;flex-wrap:wrap;padding:16px}.document-info{flex-basis:calc(100% - 70px)}.document-state{margin-left:61px}.login-panel{margin:30px auto;padding:28px}.page-stage{padding:10px}.page-controls{gap:10px;padding:12px}#viewer-expiry{width:100%;margin:0}.viewer-toolbar{padding:16px}.viewer-note{padding:12px 16px}.header .quiet{padding:5px 8px}}@media print{body{display:none!important}}