:root{--bg: #eef1f5;--surface: #ffffff;--surface-2: #f6f8fb;--ink: #0e2547;--ink-2: #4a5b75;--ink-3: #8794a8;--line: #d6dde6;--line-2: #e6ebf1;--navy: #15398a;--navy-press: #0f2c6e;--navy-soft: #e8eef9;--gold: #c8902e;--gold-soft: #f8efdf;--green: #1f8a4c;--green-soft: #e5f4ea;--red: #c8362b;--red-soft: #fbe9e7;--radius: 12px;--radius-sm: 9px;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}html,body{overflow-x:clip}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.45 Be Vietnam Pro,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid color-mix(in srgb,var(--navy) 45%,transparent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.app{min-height:100dvh;display:flex;flex-direction:column}.nav{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}.nav:after{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--navy) 0 78%,var(--gold) 78% 100%)}.nav-inner{max-width:1080px;margin:0 auto;height:60px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:0 16px}.nav-logo{height:30px;width:auto;display:block}.nav-title{font-weight:600;font-size:16px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-btn{justify-self:start;background:none;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);font-size:15px;font-weight:500;padding:0 12px;min-height:40px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.nav-btn:active{background:var(--surface-2)}.nav-btn.plain{border-color:transparent;color:var(--ink-2)}.nav-right{justify-self:end;display:flex}.page{width:100%;max-width:760px;margin:0 auto;padding:20px 16px 140px;flex:1;min-width:0}.page.wide{max-width:1080px}.large-title{font-size:30px;font-weight:700;letter-spacing:-.02em;margin:4px 0;line-height:1.2;overflow-wrap:anywhere}.subtitle{color:var(--ink-2);margin:0 0 20px;font-size:16px;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}.with-toc{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}.toc{display:none}@media (min-width: 1100px){.with-toc{grid-template-columns:220px minmax(0,760px);justify-content:center}.toc{display:block;position:sticky;top:92px;align-self:start;border-left:2px solid var(--line)}.toc a{display:block;padding:8px 14px;margin-left:-2px;border-left:2px solid transparent;color:var(--ink-2);text-decoration:none;font-size:15px}.toc a:hover{color:var(--navy);border-left-color:var(--navy)}}section{scroll-margin-top:84px}.group-label{font-size:15px;font-weight:600;color:var(--ink-2);margin:26px 2px 8px}.group-label.big{font-size:20px;font-weight:700;color:var(--ink);margin:34px 0 12px;display:flex;align-items:center;gap:12px;letter-spacing:-.01em}.step{flex:0 0 auto;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:16px;font-weight:700}.group{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.group-foot{color:var(--ink-2);font-size:14px;margin:8px 2px 0}.row{padding:16px;position:relative}.row+.row{border-top:1px solid var(--line-2)}.row-label{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:10px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}.row-label>span:last-child:not(:first-child){font-weight:400;color:var(--ink-3);font-size:13px}.row-label .req{color:var(--red)}.row.invalid{background:var(--red-soft)}.row.invalid .row-label{color:var(--red)}.input,.textarea{width:100%;border:1.5px solid var(--line);outline:0;background:var(--surface);border-radius:var(--radius-sm);padding:12px 14px;font-size:17px;min-height:52px;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px var(--navy-soft)}.input::placeholder,.textarea::placeholder{color:var(--ink-3)}.textarea{resize:vertical;min-height:104px;line-height:1.5}.unit-wrap{position:relative}.unit-wrap .input{padding-right:52px;font-weight:600;font-size:20px;letter-spacing:.01em}.unit-wrap .unit{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--ink-3);font-size:15px;font-weight:500;pointer-events:none}.dim{position:relative;padding-top:14px}.dim:before{content:"";position:absolute;left:6px;right:6px;top:5px;height:0;border-top:1px solid var(--gold)}.dim:after{content:"";position:absolute;left:6px;right:6px;top:1px;height:9px;border-left:1px solid var(--gold);border-right:1px solid var(--gold)}.dim .input{font-size:24px;text-align:center;padding-right:48px;padding-left:48px}.agent-card{padding:16px}.agent-name{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;margin-bottom:6px}.agent-meta{color:var(--ink-2);font-size:15px;line-height:1.45}.facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line-2)}.facts>div{padding:12px 16px;display:flex;flex-direction:column;gap:2px}.facts>div+div{border-left:1px solid var(--line-2)}.facts span{font-size:13px;color:var(--ink-3)}.facts b{font-size:16px;font-weight:600}.readonly-row{display:flex;justify-content:space-between;gap:16px;padding:13px 16px}.readonly-row+.readonly-row{border-top:1px solid var(--line-2)}.readonly-row .k{color:var(--ink-2);flex:0 0 auto}.readonly-row .v{text-align:right;font-weight:600;overflow-wrap:anywhere;min-width:0}.seg,.chips{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(54px,1fr))}.seg button{white-space:nowrap;padding-left:6px;padding-right:6px}.chips{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.chips.grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.seg button,.chips button{border:1.5px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);min-height:52px;padding:10px 12px;font-size:16px;font-weight:500;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;line-height:1.25;transition:background .12s,border-color .12s,color .12s}.seg button:active,.chips button:active{background:var(--surface-2)}.seg button.on,.chips button.on{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:600}.chips button.has-icon{flex-direction:column;min-height:96px;padding:12px 8px 10px;gap:6px}.chips button .gate-ico{width:64px;height:38px;color:var(--navy)}.chips button.on .gate-ico{color:#fff}.chips button .gate-ico .motion{color:var(--gold)}.chips button.on .gate-ico .motion{color:#f3c674}.sub{margin-top:12px;padding:14px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px dashed var(--line);animation:reveal .2s ease}.sub .row-label{margin-bottom:8px;font-size:14px}.sub>*+*{margin-top:14px}@keyframes reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}@media (max-width: 440px){.two.stack-sm{grid-template-columns:minmax(0,1fr)}}.btn{border:0;border-radius:var(--radius-sm);padding:14px 20px;min-height:54px;font-size:17px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:background .12s}.btn:disabled{opacity:.45;pointer-events:none}.btn-primary{background:var(--navy);color:#fff}.btn-primary:active{background:var(--navy-press)}.btn-gold{background:var(--gold);color:#fff}.btn-gold:active{background:#b07e25}.btn-gray{background:var(--surface);color:var(--navy);border:1.5px solid var(--line)}.btn-gray:active{background:var(--surface-2)}.btn-danger{background:transparent;color:var(--red);min-height:44px;padding:8px 12px}.btn-block{width:100%}.link-btn{background:none;border:0;color:var(--navy);font-size:16px;font-weight:500;padding:8px 0;min-height:44px;text-decoration:underline;text-underline-offset:3px}.bottom-bar{position:fixed;left:0;right:0;bottom:0;z-index:20;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.bottom-bar .inner{max-width:760px;margin:0 auto;display:flex;gap:10px;align-items:center}.bottom-bar .inner .btn{flex:1}.home-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.home-grid>*{min-width:0}@media (min-width: 900px){.home-grid{grid-template-columns:340px minmax(0,1fr);gap:32px;align-items:start}.home-grid .side{position:sticky;top:92px}}.hero-card{background:var(--navy);color:#fff;border-radius:var(--radius);padding:22px 20px 20px;display:flex;flex-direction:column;gap:16px}.hero-card .t{font-size:22px;font-weight:700;letter-spacing:-.01em}.hero-card .s{opacity:.85;font-size:15px;margin-top:4px;max-width:30ch}.hero-card .btn{background:var(--gold);color:#fff}.agent-chip{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:6px;background:var(--navy-soft);color:var(--navy);font-weight:700;font-size:14px}.list-item{display:flex;align-items:center;gap:14px;padding:14px 16px;width:100%;text-align:left;background:none;border:0;min-height:76px}.list-item+.list-item{border-top:1px solid var(--line-2)}.list-item:active{background:var(--surface-2)}.avatar{width:44px;height:44px;border-radius:10px;flex:0 0 auto;display:grid;place-items:center;background:var(--navy-soft);color:var(--navy);font-weight:700;font-size:15px}.li-main{flex:1;min-width:0}.li-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.li-sub{color:var(--ink-2);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.li-sub .code{color:var(--navy);font-weight:600;margin-right:8px}.li-right{color:var(--ink-3);font-size:13px;text-align:right;flex:0 0 auto}.chev{color:var(--ink-3);flex:0 0 auto}@media (max-width: 400px){.li-right{display:none}}.badge{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:6px;background:var(--surface-2);color:var(--ink-2);vertical-align:2px;margin-left:8px}.badge.orange{background:var(--gold-soft);color:#8a5f15}.badge.green{background:var(--green-soft);color:var(--green)}.notice{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--radius);background:var(--gold-soft);color:var(--ink);font-size:15px;margin-top:14px;border:1px solid #ecd9b5}.notice.ok{background:var(--green-soft);border-color:#c4e5cf}.notice.err{background:var(--red-soft);border-color:#f2c7c2}.notice code{background:#ffffffb3;padding:1px 6px;border-radius:5px;font-size:14px;font-family:inherit;font-weight:600}.notice svg{flex:0 0 auto;margin-top:2px}.search{position:relative;margin:0 0 12px}.search input{width:100%;border:1.5px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);padding:11px 14px 11px 42px;font-size:16px;outline:0;min-height:48px}.search input:focus{border-color:var(--navy)}.search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ink-3)}.empty{text-align:center;color:var(--ink-2);padding:36px 20px}.login{max-width:440px;width:100%;margin:0 auto;padding:9vh 20px 40px}.login-logo{display:block;width:220px;max-width:70%;height:auto;margin:0 auto 26px;mix-blend-mode:multiply}.center{text-align:center;justify-content:center}.done-icon{width:80px;height:80px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;margin:6vh auto 18px;animation:pop .35s cubic-bezier(.2,1.4,.4,1)}@keyframes pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:calc(100px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:10px;font-size:15px;z-index:50;width:max-content;max-width:calc(100% - 32px);animation:reveal .2s ease}.gate-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:44px;padding-top:20px;border-top:2px solid var(--line)}.gate-head h2{font-size:24px;margin:0}.saved-hint{font-size:13px;color:var(--green);font-weight:500}@media (max-width: 480px){.chips:not(.grid) button:last-child:nth-child(odd){grid-column:1 / -1}.large-title{font-size:26px}.group-label.big{font-size:18px}.nav-logo{height:26px}}