.p-app{--p-bg: #f4f5f7;--p-card: #ffffff;--p-line: #dfe3ea;--p-ink: #1b2233;--p-soft: #454f63;--p-mute: #5b6577;--p-accent: #2d4fc4;--p-accent-dark: #213c9a;--p-accent-bg: #edf1fd;--p-ok: #16774a;--p-ok-bg: #e7f5ed;--p-warn: #8f5400;--p-warn-bg: #fff3dc;--p-danger: #b42318;--p-danger-bg: #fdecea;--p-radius: 16px;--p-shadow: 0 1px 2px rgba(20, 28, 45, .06), 0 4px 16px rgba(20, 28, 45, .04);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--p-bg);color:var(--p-ink);font-family:var(--font-ui);font-size:16px;line-height:1.55;-webkit-text-size-adjust:100%}.p-app *,.p-app *:before,.p-app *:after{box-sizing:border-box}.p-app :focus-visible{outline:3px solid var(--p-accent);outline-offset:2px}.p-app p{margin:0}:where(.p-app) a{color:inherit}.p-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.p-skip{position:absolute;left:12px;top:-60px;z-index:80;padding:10px 14px;border-radius:10px;background:var(--p-ink);color:#fff!important;font-weight:700;text-decoration:none}.p-skip:focus{top:12px}.p-topprogress{position:fixed;inset:0 0 auto 0;z-index:80;height:3px;background:var(--p-accent);transform:scaleX(0);transform-origin:left;opacity:0;transition:opacity .2s}.p-topprogress.is-on{opacity:1;animation:p-progress 1.4s ease-out forwards}@keyframes p-progress{0%{transform:scaleX(.05)}to{transform:scaleX(.85)}}.p-top{position:sticky;top:0;z-index:30;background:var(--p-card);border-bottom:1px solid var(--p-line);padding-top:env(safe-area-inset-top)}.p-top-in{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:760px;margin:0 auto;padding:8px 16px;min-height:60px}.p-brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none}.p-brand img{height:32px;width:auto;max-width:132px;-o-object-fit:contain;object-fit:contain}.p-brand-tag{flex-shrink:0;padding:3px 10px;border-radius:999px;background:var(--p-accent-bg);color:var(--p-accent-dark);font-size:14px;font-weight:700}.p-top-user{display:inline-flex;align-items:center;gap:8px;min-width:0;min-height:44px;padding:6px 12px;border-radius:14px;border:1px solid var(--p-line);color:var(--p-ink);font-weight:600;text-decoration:none}.p-top-user.is-active{border-color:var(--p-accent);color:var(--p-accent-dark)}.p-top-who{display:flex;flex-direction:column;min-width:0;line-height:1.2}.p-top-name{min-width:0;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700}.p-top-name+.p-top-acc{color:var(--p-mute);font-size:13px;font-weight:600}@media (max-width: 399px){.p-top-in{gap:8px}.p-brand{gap:6px}.p-brand img{height:26px}.p-brand-tag{padding:2px 8px;font-size:13px}.p-top-user{padding:6px 10px}}.p-main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:16px 16px 32px}.p-main:focus{outline:none}.p-main>.p-notice{margin-bottom:16px}.p-foot{width:100%;max-width:760px;margin:0 auto;padding:8px 16px calc(24px + env(safe-area-inset-bottom));color:var(--p-mute);font-size:14px}.p-foot a{color:var(--p-accent-dark);font-weight:600}.p-h1{margin:0;font-size:24px;line-height:1.3;font-weight:800;letter-spacing:-.01em}.p-h2{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:18px;line-height:1.35;font-weight:700}.p-h3{margin:0;font-size:17px;line-height:1.4;font-weight:700}.p-lead{margin-top:8px!important;color:var(--p-soft)}.p-eyebrow{color:var(--p-accent-dark);font-size:14px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.p-muted{color:var(--p-soft)}.p-hint{color:var(--p-mute);font-size:15px}.p-subhead{margin-top:14px!important;font-weight:700}.p-mt{margin-top:16px!important}.p-center{text-align:center}.p-nowrap{white-space:nowrap}.p-link{color:var(--p-accent-dark)!important;font-weight:600;text-decoration:underline;text-underline-offset:3px}.p-range{color:var(--p-mute);font-size:15px}.p-stack{display:flex;flex-direction:column;gap:16px}.p-card{display:block;padding:18px 16px;border-radius:var(--p-radius);background:var(--p-card);border:1px solid var(--p-line);box-shadow:var(--p-shadow)}@media (min-width: 600px){.p-card{padding:22px 24px}}.p-list{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.p-pagehead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.p-back{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;min-height:44px;padding:4px 2px;color:var(--p-accent-dark);font-weight:600;text-decoration:none}.p-empty{display:flex;flex-direction:column;gap:14px}.p-empty-line{margin-top:12px!important;color:var(--p-soft)}.p-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 18px;border-radius:12px;border:1px solid transparent;font:700 16px/1.25 var(--font-ui);text-align:center;text-decoration:none;cursor:pointer;transition:background .15s ease,border-color .15s ease}.p-btn:disabled{opacity:.55;cursor:not-allowed}.p-btn-primary{background:var(--p-accent);color:#fff!important}.p-btn-primary:hover:not(:disabled){background:var(--p-accent-dark)}.p-btn-secondary{background:var(--p-card);border-color:#c5ccd8;color:var(--p-ink)!important}.p-btn-secondary:hover:not(:disabled){border-color:var(--p-accent)}.p-btn-ghost{background:transparent;color:var(--p-accent-dark)!important}.p-btn-danger{background:var(--p-card);border-color:var(--p-danger);color:var(--p-danger)!important}.p-dialog .p-btn-danger:not(:disabled){background:var(--p-danger);color:#fff!important}.p-btn-block{width:100%}.p-iconbtn{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--p-soft);cursor:pointer}.p-iconbtn:hover{background:var(--p-bg)}.p-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.p-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;border:1px solid var(--p-line);background:var(--p-bg);color:var(--p-soft);font-size:14px;font-weight:600;line-height:1.4}.p-chip-dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#9aa3b2}.p-chip.is-on{border-color:#b9e0c9;background:var(--p-ok-bg);color:var(--p-ok)}.p-chip.is-on .p-chip-dot{background:var(--p-ok)}.p-chip.is-wait{border-color:#f0d49a;background:var(--p-warn-bg);color:var(--p-warn)}.p-chip.is-wait .p-chip-dot{background:#d08a1a}.p-tag{display:inline-block;padding:2px 10px;border-radius:8px;background:var(--p-bg);color:var(--p-soft);font-size:14px;font-weight:600;white-space:nowrap}.p-tag.is-ok{background:var(--p-ok-bg);color:var(--p-ok)}.p-tag.is-warn{background:var(--p-warn-bg);color:var(--p-warn)}.p-tag.is-info{background:var(--p-accent-bg);color:var(--p-accent-dark)}.p-taglist{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;list-style:none}.p-taglist .p-tag{white-space:normal;font-size:15px}.p-notice{display:flex;gap:12px;padding:14px;border-radius:12px;border:1px solid #c9d4f5;background:var(--p-accent-bg);color:var(--p-ink)}.p-notice-icon{flex-shrink:0;margin-top:1px;color:var(--p-accent)}.p-notice-text{display:flex;flex-direction:column;gap:6px;min-width:0}.p-notice-title{font-weight:700}.p-notice.is-ok{border-color:#b9e0c9;background:var(--p-ok-bg)}.p-notice.is-ok .p-notice-icon{color:var(--p-ok)}.p-notice.is-warn{border-color:#f0d49a;background:var(--p-warn-bg)}.p-notice.is-warn .p-notice-icon{color:var(--p-warn)}.p-notice.is-danger{border-color:#f3bcb6;background:var(--p-danger-bg)}.p-notice.is-danger .p-notice-icon{color:var(--p-danger)}.p-child{display:flex;align-items:flex-start;gap:12px;color:inherit;text-decoration:none;transition:border-color .15s ease}.p-child:hover{border-color:var(--p-accent)}.p-avatar{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--p-accent-bg);color:var(--p-accent-dark);font-size:18px;font-weight:800}.p-child-main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.p-child-name{font-size:18px;font-weight:700;line-height:1.35}.p-child-meta{color:var(--p-soft);font-size:15px;overflow-wrap:anywhere}.p-child-go{flex-shrink:0;align-self:center;color:var(--p-mute)}.p-steps{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.p-steps li{display:flex;gap:12px;align-items:flex-start}.p-steps svg{flex-shrink:0;margin-top:2px;color:var(--p-accent)}.p-form{display:flex;flex-direction:column;gap:16px;margin-top:16px}.p-field{display:flex;flex-direction:column;gap:6px}.p-label{font-weight:700;font-size:16px}.p-input{width:100%;min-height:50px;padding:12px 14px;border-radius:12px;border:1px solid #b9c1ce;background:#fff;color:var(--p-ink);font:500 16px/1.4 var(--font-ui)}.p-input:focus{border-color:var(--p-accent)}.p-input:disabled{background:var(--p-bg);color:var(--p-soft)}.p-input[aria-invalid=true]{border-color:var(--p-danger)}.p-input-code{font-size:22px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.p-fieldset{margin:0;padding:0;border:0;min-width:0}.p-fieldset .p-label{display:block;margin-bottom:6px;padding:0}.p-segs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.p-seg{position:relative;display:flex;align-items:center;justify-content:center;min-height:52px;padding:8px 10px;border-radius:12px;border:1px solid #b9c1ce;background:#fff;font-weight:700;text-align:center;cursor:pointer}.p-seg:last-child{grid-column:1 / -1}@media (min-width: 480px){.p-segs{grid-template-columns:1fr 1fr 1.4fr}.p-seg:last-child{grid-column:auto}}.p-seg input{position:absolute;opacity:0;width:1px;height:1px}.p-seg:has(input:focus-visible){outline:3px solid var(--p-accent);outline-offset:2px}.p-seg.is-on{border-color:var(--p-accent);background:var(--p-accent-bg);color:var(--p-accent-dark);box-shadow:inset 0 0 0 1px var(--p-accent)}.p-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:#11182780}.p-dialog{display:flex;flex-direction:column;width:100%;max-width:520px;max-height:92dvh;border-radius:20px 20px 0 0;background:var(--p-card);color:var(--p-ink);font-family:var(--font-ui);box-shadow:0 -8px 32px #1118272e}@media (min-width: 600px){.p-dialog-backdrop{align-items:center;padding:24px}.p-dialog{border-radius:20px}}.p-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:16px 12px 4px 18px}.p-dialog-head h2{margin:8px 0 0;font-size:19px;line-height:1.35;font-weight:800;overflow-wrap:anywhere}.p-dialog.is-danger .p-dialog-head h2{color:var(--p-danger)}.p-dialog-body{display:flex;flex-direction:column;gap:12px;padding:8px 18px 12px;overflow-y:auto}.p-dialog-foot{display:flex;flex-direction:column-reverse;gap:10px;padding:12px 18px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--p-line)}.p-dialog-foot .p-btn{width:100%}@media (min-width: 600px){.p-dialog-foot{flex-direction:row;justify-content:flex-end}.p-dialog-foot .p-btn{width:auto}}.p-bullets{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:22px}.p-childhead{display:flex;flex-direction:column;gap:2px}.p-childhead .p-h1{overflow-wrap:anywhere}.p-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:14px;background:#e8ebf0}.p-tab{display:flex;align-items:center;justify-content:center;min-height:48px;padding:6px 4px;border-radius:11px;color:var(--p-soft);font-size:15px;font-weight:700;line-height:1.25;text-align:center;text-decoration:none}.p-tab.is-active{background:var(--p-card);color:var(--p-accent-dark);box-shadow:0 1px 3px #141c2d1f}@media (min-width: 480px){.p-tab{font-size:16px}}.p-locked{display:flex;flex-direction:column;gap:12px}.p-locked-icon{color:var(--p-accent)}.p-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.p-tile{display:flex;flex-direction:column;gap:2px;min-width:0;padding:12px 10px;border-radius:14px;background:var(--p-card);border:1px solid var(--p-line);color:var(--p-soft)}.p-tile svg{color:var(--p-accent)}.p-tile-num{margin-top:4px;color:var(--p-ink);font-size:20px;font-weight:800;line-height:1.2;overflow-wrap:anywhere}.p-tile-lbl{font-size:14px;line-height:1.3}@media (max-width: 359px){.p-tiles{grid-template-columns:1fr}}.p-chart{margin:0}.p-chart-svg{display:block;width:100%;height:auto;overflow:visible}.p-chart-base{stroke:#c5ccd8;stroke-width:1}.p-chart-hit{fill:transparent}.p-chart-col{cursor:pointer;outline:none}.p-chart-bar{fill:var(--p-accent);opacity:.85}.p-chart-zero{fill:#c5ccd8}.p-chart-col:hover .p-chart-bar,.p-chart-col.is-active .p-chart-bar{opacity:1;fill:var(--p-accent-dark)}.p-chart-col:focus-visible .p-chart-hit{fill:var(--p-accent-bg);stroke:var(--p-accent);stroke-width:2}.p-chart-tick{fill:var(--p-mute);font:600 13px var(--font-ui)}.p-chart-col.is-active .p-chart-tick{fill:var(--p-accent-dark)}.p-chart-cap{margin-top:6px;color:var(--p-soft);font-size:15px}.p-rows{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.p-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--p-line)}.p-row:first-child{border-top:0}.p-row-main{display:flex;flex-direction:column;min-width:0;font-weight:600;overflow-wrap:anywhere}.p-row-main small{color:var(--p-mute);font-size:14px;font-weight:500}.p-row-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;color:var(--p-soft);font-size:15px;text-align:right}@media (max-width: 420px){.p-row-wrap{flex-direction:column;gap:6px}.p-row-wrap .p-row-side{flex-direction:row;align-items:center;text-align:left}}.p-score{color:var(--p-ink)}.p-mbar{display:flex;gap:2px;height:14px;border-radius:7px;overflow:hidden}.p-mbar-seg{min-width:6px}.p-mbar-seg.is-ok,.p-mdot.is-ok{background:#1f9d61}.p-mbar-seg.is-mid,.p-mdot.is-mid{background:#7b93dc}.p-mbar-seg.is-low,.p-mdot.is-low{background:#d99a2b}.p-mlegend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:10px 0 0;padding:0;list-style:none;color:var(--p-soft);font-size:15px}.p-mlegend li{display:inline-flex;align-items:center;gap:6px}.p-mdot{width:10px;height:10px;border-radius:3px}.p-comments{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.p-comment{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;background:var(--p-bg)}.p-comment-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.p-comment-text{white-space:pre-line}.p-logged{display:flex;align-items:center;gap:6px;color:var(--p-mute);font-size:14px}.p-questions{display:flex;flex-direction:column;gap:10px;margin:14px 0 0;padding:0;list-style:none}.p-question{padding:12px 14px;border-radius:12px;background:var(--p-bg);border-left:3px solid #c5ccd8}.p-question-text{white-space:pre-line;overflow-wrap:anywhere}.p-question.is-voice .p-question-text{color:var(--p-soft);font-style:italic}.p-question-meta{margin-top:6px!important;color:var(--p-mute);font-size:14px}.p-pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:16px}.p-pager>:last-child{justify-self:end}.p-pager .p-btn{padding:8px 12px;white-space:nowrap}.p-pager-at{color:var(--p-mute);font-size:14px;white-space:nowrap}.p-sectionhead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.p-sectionhead .p-h2{margin:0}.p-draft,.p-draft-inline{display:inline-block;padding:3px 10px;border-radius:8px;border:1px dashed #d08a1a;background:var(--p-warn-bg);color:var(--p-warn);font-size:14px;font-weight:700}.p-draft-inline{margin-bottom:10px}.p-consent{display:flex;flex-direction:column;gap:10px;scroll-margin-top:80px}.p-consent.is-on{border-color:#b9e0c9}.p-consent-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px}.p-consent-summary{color:var(--p-soft)}.p-details{border-radius:12px;border:1px solid var(--p-line)}.p-details summary{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 12px;color:var(--p-accent-dark);font-weight:700;cursor:pointer;list-style:none}.p-details summary::-webkit-details-marker{display:none}.p-details summary:after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .15s ease}.p-details[open] summary:after{transform:rotate(-135deg)}.p-body{display:flex;flex-direction:column;gap:10px;padding:4px 14px 14px;color:var(--p-ink);white-space:pre-line;overflow-wrap:anywhere}.p-intro{display:flex;flex-direction:column;gap:8px;color:var(--p-soft);white-space:pre-line}.p-choices{display:flex;flex-wrap:wrap;align-items:center;gap:6px;white-space:normal}.p-consent-actions{display:flex;flex-direction:column;gap:8px}.p-consent-actions .p-btn{width:100%}@media (min-width: 480px){.p-consent-actions{flex-direction:row;align-items:center}.p-consent-actions .p-btn{width:auto;min-width:160px}}.p-assent{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:12px;background:var(--p-bg)}.p-assent-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-weight:700}.p-assent .p-details{background:var(--p-card)}#nhat-ky{scroll-margin-top:80px}.p-dangerzone{display:flex;flex-direction:column;gap:18px}.p-danger-item{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.p-danger-item+.p-danger-item{padding-top:16px;border-top:1px solid var(--p-line)}.p-danger-item .p-notice{align-self:stretch}.p-public-main{width:100%;max-width:480px;margin:0 auto;padding:24px 16px 32px}.p-public-logo{display:block;width:-moz-fit-content;width:fit-content;margin:0 auto 16px}.p-public-logo img{display:block;height:44px;width:auto;max-width:220px;-o-object-fit:contain;object-fit:contain}.p-public-card .p-notice{margin-top:16px}.p-public-card .p-form .p-notice{margin-top:0}.p-public-foot{margin-top:16px!important;color:var(--p-mute);font-size:14px;text-align:center}@media (prefers-reduced-motion: reduce){.p-app *,.p-app *:before,.p-app *:after{transition:none!important;animation:none!important}}.login-role.has-3{grid-template-columns:repeat(3,1fr)}.login-role.has-3 button{gap:5px;padding:0 4px;font-size:14px}@media (max-width: 374px){.login-role.has-3 button svg{display:none}}.ph-login-note{padding:10px 12px;border-radius:12px;background:#e7f5ed;color:#16774a;font-size:14px;font-weight:600;line-height:1.45}.ph-login-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px}.ph-login-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--teal);font-weight:700;font-size:15px}.ph-login-off{gap:10px;padding:16px;border-radius:18px;background:var(--card);border:2px solid var(--line);color:var(--ink);line-height:1.55}