@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/inter-latin-400-normal.ef6d3f52.woff2) format("woff2"),url(/_next/static/media/inter-latin-400-normal.2c7a775c.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/_next/static/media/inter-latin-500-normal.b7b43ace.woff2) format("woff2"),url(/_next/static/media/inter-latin-500-normal.cb4c8ceb.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/_next/static/media/inter-latin-600-normal.8fb1a964.woff2) format("woff2"),url(/_next/static/media/inter-latin-600-normal.ce0f5f43.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/_next/static/media/inter-latin-700-normal.953b7aa5.woff2) format("woff2"),url(/_next/static/media/inter-latin-700-normal.9c21d4dc.woff) format("woff")}:root{--color-navy:#071d3b;--color-blue:#0d5bae;--color-blue-dark:#064f9f;--color-text:#0a2343;--color-muted:#52677f;--color-bg:#f6f9fb;--color-card:#ffffff;--color-border:#e5eaf0;--color-soft-blue:#eaf3fc;--color-soft-green:#e2f5e8;--color-success:#08783e;--color-muted-bg:#f0f4f8;--shadow-card:0 1px 5px rgba(14,45,83,0.035);--radius-card:8px;--radius-inner:8px;--nav-height:68px;--container-width:390px;--side-pad:11px;--frame-top:calc(8px + env(safe-area-inset-top))}*{box-sizing:border-box}html{min-height:100%;background:#edf1f4}body{margin:0;color:var(--color-text);background:transparent;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.3;letter-spacing:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid rgba(13,99,189,.28);outline-offset:3px}.app-shell{width:100%;min-height:100dvh;background:var(--color-bg)}.app-frame{width:min(100%,var(--container-width));min-height:100dvh;margin:0 auto;padding:var(--frame-top) 9px calc(var(--nav-height) + 24px + env(safe-area-inset-bottom)) 12px}.app-header{justify-content:space-between;min-height:calc(64px + env(safe-area-inset-top));height:calc(64px + env(safe-area-inset-top));flex-shrink:0;margin:calc(-1 * var(--frame-top)) -9px 12px -12px;padding:calc(6px + env(safe-area-inset-top)) 20px 6px 23px;border-bottom:1px solid #d5dfe8;background:#ffffff}.app-header,.brand{display:flex;align-items:center;gap:12px}.brand{min-width:0}.brand-title{color:var(--color-navy);font-size:15.5px;font-weight:600;line-height:1.25;white-space:nowrap}.institutional-logo{display:block;width:45px;height:50px;color:var(--color-navy);flex:0 0 auto;background:url(/design-reference.png) -233px -50.9px/1322.222px 881.481px no-repeat;filter:contrast(1.12)}.profile-button{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border:1px solid #d6e0e9;border-radius:50%;color:var(--color-navy);background:#eff4f8}.page-heading{margin:0 11px 12px}.page-kicker,.page-subtitle{margin:3px 0 0;color:var(--color-muted);font-size:12.5px;line-height:1.3}.page-title{margin:0;color:var(--color-navy);font-size:23px;font-weight:600;line-height:1.1}.page-code{margin:4px 0 0;color:var(--color-muted);font-size:16px;font-weight:500}.nav-card,.section-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:rgba(255,255,255,.92);box-shadow:var(--shadow-card)}.section-card{padding:13px}.stack{display:grid;grid-gap:13px;gap:13px}.icon-box{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;color:var(--color-blue);background:linear-gradient(135deg,#eef6fc,#e3f0fb);flex:0 0 auto}.icon-box.success{color:var(--color-success);background:linear-gradient(135deg,#e8f8ee,#d9f1e2)}.status-badge{display:inline-flex;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;min-height:23px;padding:3px 14px;border-radius:999px;color:var(--color-blue-dark);background:linear-gradient(90deg,#d6eaff,#e9f4ff);font-size:13px;font-weight:600}.status-badge.green{color:#08743c;background:#d8f0df;font-size:12px;font-weight:400}.banner{display:flex;align-items:flex-start;gap:14px;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.3}.banner.blue{color:var(--color-navy);background:#edf3f8}.banner.green{color:var(--color-navy);background:#e3f2e9}.banner strong{display:block;margin-bottom:3px;font-size:14px;font-weight:600}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:20;border-top:1px solid #e0e6ec;background:rgba(255,255,255,.93);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav-inner{display:grid;grid-template-columns:repeat(4,1fr);width:min(100%,var(--container-width));height:calc(var(--nav-height) + env(safe-area-inset-bottom));margin:0 auto;padding:9px 0 calc(18px + env(safe-area-inset-bottom)) 4px}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#486178;font-size:10px;font-weight:400}.nav-item.active{color:var(--color-blue);font-weight:500}.demo-disclaimer{margin:0;color:var(--color-muted);font-size:10px;text-align:center}.demo-controller{position:relative;display:flex;justify-content:center;margin:0;z-index:3}.demo-toggle{display:inline-flex;width:26px;height:26px;padding:0;border:0;border-radius:4px;color:var(--color-navy);background:transparent;font-size:13px;font-weight:600}.demo-toggle,.primary-button{align-items:center;justify-content:center}.primary-button{display:flex;gap:18px;width:100%;min-height:50px;border:0;border-radius:8px;color:#fff;background:linear-gradient(135deg,#1166bd,#075db4);box-shadow:inset 0 1px 0 rgba(255,255,255,.18);font-size:16px;font-weight:500}.nav-card{display:flex;align-items:center;gap:14px;width:100%;padding:12px;text-align:left}.nav-card-content{flex:1 1;min-width:0}.nav-card h3{margin:0 0 5px;color:var(--color-navy);font-size:14px;font-weight:600;line-height:1.25}.nav-card p{margin:0;color:var(--color-muted);font-size:12px;line-height:1.35}.muted-box{border-radius:8px;background:#f0f4f8;padding:10px 12px}.field-row{display:grid;grid-gap:8px;gap:8px;margin-bottom:0}.field-row label{color:var(--color-navy);font-size:15px;font-weight:600}.input-shell{display:flex;align-items:center;gap:14px;min-height:44px;border:1px solid #c5d3df;border-radius:7px;padding:0 14px;color:#254766;background:white}.input-shell input{min-width:0;width:100%;border:0;outline:0;color:var(--color-navy);font-size:14px;background:transparent}.input-shell input::placeholder{color:#697c91}.icon-button{display:grid;place-items:center;border:0;color:#264763;background:transparent}.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;color:var(--color-blue-dark);font-weight:600}.protection-top{display:flex;align-items:center;gap:12px;padding-bottom:11px;border-bottom:1px solid var(--color-border)}.protection-top-text{flex:1 1}.small-label{margin:0;color:var(--color-navy);font-size:12.5px;line-height:1.2}.strong-value{margin:4px 0 0;color:var(--color-blue-dark);font-size:18px;font-weight:600;line-height:1.2}.balance-block{padding-top:17px}.balance-label{margin:0 0 5px;color:var(--color-navy);font-size:15.5px;font-weight:500;line-height:1.2}.balance-amount{margin:0;color:var(--color-navy);font-size:29.5px;font-weight:600;line-height:1.15}.balance-note{margin:5px 0 11px;color:var(--color-muted);font-size:13px;line-height:1.3}.deposit-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-title,.deposit-header h2{margin:0;color:var(--color-navy);font-size:14.5px;font-weight:600;line-height:1.25}.deposit-card p{margin:3px 0 2px;color:var(--color-muted);font-size:13px;line-height:1.2}.copy-disabled{display:grid;place-items:center;border:0;color:#50657e;background:transparent;cursor:not-allowed}.deposit-details{display:grid;grid-gap:8px;gap:8px}.detail-label{display:block;margin-bottom:2px;color:var(--color-muted);font-size:12px}.detail-value{color:var(--color-navy);font-size:13px;font-weight:500;line-height:1.3}.demo-warning{margin:10px 0 0;color:var(--color-muted);font-size:10px;line-height:1.25}.login-card{display:grid;grid-gap:14px;gap:14px}.login-links{display:grid;border-top:1px solid var(--color-border)}.login-link{display:flex;align-items:center;gap:16px;min-height:52px;border-bottom:1px solid var(--color-border);color:var(--color-navy);font-size:15px;font-weight:600;text-align:left}.login-link span{flex:1 1}.inline-notice{color:var(--color-muted);font-size:10px;line-height:1.25}.recover-panel{border:1px solid #d3e4f4;border-radius:8px;background:#f4f9fe;padding:12px;color:var(--color-muted);line-height:1.28}.practice-detail-row{display:flex;align-items:center;gap:20px;padding:9px 4px;border-bottom:1px solid var(--color-border)}.practice-detail-row:last-child{border-bottom:0}.practice-detail-row .row-content{min-width:0}.practice-detail-row .label{display:block;color:var(--color-muted);font-size:12px;line-height:1.3}.practice-detail-row .value{display:block;margin-top:3px;color:var(--color-navy);font-size:13px;font-weight:600;line-height:1.3}.timeline-card h2{margin:0 0 17px;color:var(--color-navy);font-size:16px;font-weight:600}.timeline{display:grid;grid-gap:0;gap:0}.timeline-step{position:relative;display:grid;grid-template-columns:65px 1fr;min-height:86px}.timeline-marker{position:relative;display:flex;justify-content:center}.timeline-dot{z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;margin-top:2px}.timeline-dot.done{color:#fff;background:var(--color-blue)}.timeline-dot.current{border:1.5px solid var(--color-blue);color:var(--color-blue);background:#fff}.timeline-dot.waiting{border:2px solid #bac5cf;background:#fff}.timeline-step:before{content:"";position:absolute;top:29px;bottom:0;left:31.5px;width:2px;background:var(--color-blue)}.timeline-step.future:before{background:repeating-linear-gradient(180deg,#b8c5d0 0 8px,transparent 8px 17px)}.timeline-step.last:before{display:none}.timeline-content{padding:0 0 18px}.timeline-content h3{margin:0;color:var(--color-navy);font-size:13px;font-weight:600;line-height:1.3}.timeline-meta,.timeline-state{display:block;margin-top:2px;color:var(--color-muted);font-size:12px}.timeline-state.active{color:var(--color-blue)}.timeline-content p{margin:4px 0 0;color:var(--color-muted);font-size:12px;line-height:1.25}.subpage-card h2{margin:0 0 10px;color:var(--color-navy);font-size:18px}.subpage-card li,.subpage-card p{color:var(--color-muted);font-size:13px;line-height:1.32}.subpage-card ul{margin:0;padding-left:22px}.mock-list{display:grid;grid-gap:12px;gap:12px}.mock-row{padding:12px;border-radius:8px;background:#f2f6fa}.mock-row strong{display:block;color:var(--color-navy);margin-bottom:4px}.mock-form{display:grid;grid-gap:12px;gap:12px}.mock-form textarea{min-height:110px;resize:vertical;border:1px solid var(--color-border);border-radius:8px;padding:12px;color:var(--color-navy)}.profile-summary{display:grid;grid-gap:0;gap:0;padding:9px 16px}.profile-hero{display:flex;align-items:center;gap:10px;padding:5px 0 7px;border-bottom:1px solid var(--color-border)}.avatar-large{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;color:var(--color-navy);background:linear-gradient(135deg,#edf3f8,#dce7ef);flex:0 0 auto;margin-left:-2px}.profile-name{margin:0 0 5px;color:var(--color-navy);font-size:18px;font-weight:500;line-height:1.05}.profile-row{display:grid;grid-template-columns:24px minmax(0,1fr) 151px;align-items:center;grid-gap:14px;gap:14px;min-height:44px;border-bottom:1px solid var(--color-border);color:var(--color-muted);font-size:12px}.profile-row:last-child{border-bottom:0}.profile-row-value{min-width:0;overflow-wrap:anywhere;color:var(--color-navy);font-weight:500;text-align:left}.profile-row-combo{justify-content:flex-start;gap:7px;flex-wrap:wrap;row-gap:4px}.profile-row-combo,.toggle-row{display:flex;align-items:center}.toggle-row{justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--color-border)}.toggle-row:last-child{border-bottom:0}.switch{position:relative;width:54px;height:32px;border:0;border-radius:999px;background:#b8c5d0;flex:0 0 auto}.switch[aria-pressed=true]{background:var(--color-success)}.switch:after{content:"";position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .16s ease}.switch[aria-pressed=true]:after{transform:translateX(22px)}@media (max-width:350px){.profile-row{grid-template-columns:30px 1fr}.profile-row-combo,.profile-row-value{grid-column:2;justify-content:flex-start;text-align:left}}@media (min-width:768px){.app-frame{--frame-top:calc(28px + env(safe-area-inset-top))}.app-shell{width:var(--container-width);margin:0 auto;box-shadow:0 0 40px rgba(14,45,83,.06)}}.app-frame:has(.protection-card) .page-title{font-size:19px;font-weight:700;line-height:1.25}.protection-top .icon-box{width:59px;height:54px;border-radius:15px;background:#e6eff8}.login-card .icon-box svg,.protection-top .icon-box svg{width:38px;height:38px;fill:#145fa9;stroke:white;stroke-width:1.5px;paint-order:stroke}.banner>svg{flex:0 0 auto;color:var(--color-blue);margin-top:2px}.banner.green>svg{fill:var(--color-success);color:white}.deposit-card>.banner{margin-top:8px;color:#3d5672;font-size:12px}.balance-block>.banner,.deposit-card>.banner,.deposit-details{margin-left:-3px;margin-right:-3px}.deposit-header h2{line-height:1.2}.deposit-details{padding-top:10px;padding-bottom:10px}.detail-label{line-height:1.2}.deposit-card .demo-warning{margin:7px 0 0;font-size:10px}.nav-card>svg{width:20px;height:20px;flex:0 0 auto}.icon-box>svg{width:29px;height:29px;stroke-width:1.8px}.deposit-card,.protection-card{padding:10px 13px}.balance-block{padding-top:15px}.balance-block>.banner{padding-top:8px;padding-bottom:8px}.login-link.icon-button{display:flex}.primary-button{position:relative}.primary-button>svg{position:absolute;right:17px;width:24px;height:24px}.status-badge.green>svg{fill:var(--color-success);stroke:white;stroke-width:1.5px;width:16px;height:16px}.profile-row>svg{width:22px;height:22px;stroke-width:1.6px}.avatar-large>svg{width:39px;height:39px}.profile-summary .profile-row:last-child .profile-row-value{font-size:12px}.profile-row:first-child .profile-row-value{font-weight:600}.login-card{padding:16px}.login-card .banner{gap:12px;padding:12px}.login-card .banner .icon-box{width:50px;height:50px}.login-card .banner strong{font-size:14px}.input-shell button svg,.input-shell>svg,.login-link>svg{width:22px;height:22px;flex:0 0 auto;stroke-width:1.8px}.page-kicker{margin-bottom:15px}.app-frame:has(.home-stack){display:flex;flex-direction:column;padding-bottom:calc(var(--nav-height) + 18px + env(safe-area-inset-bottom))}.app-frame:has(.home-stack)>.page-content{display:flex;flex:1 1;flex-direction:column}.app-frame:has(.home-stack) .page-heading{margin-bottom:14px}.app-frame:has(.home-stack) .page-title{font-size:22px;font-weight:600}.app-frame:has(.home-stack) .page-subtitle{margin-top:5px;font-size:13px;line-height:1.4}.home-stack{flex:1 1;gap:16px;grid-template-rows:auto auto}.home-stack .deposit-card,.home-stack .protection-card{display:flex;flex-direction:column;padding:14px}.home-stack .protection-top{gap:14px;padding-bottom:12px}.home-stack .protection-top .icon-box{width:56px;height:56px;border-radius:8px}.home-stack .small-label{font-size:14px;line-height:1.35}.home-stack .strong-value{font-size:20px}.home-stack .balance-block{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;gap:12px;padding-top:14px}.home-stack .balance-label{margin-bottom:6px;font-size:16px}.home-stack .balance-amount{font-size:34px}.home-stack .balance-note{margin:6px 0 0;line-height:1.4}.home-stack .banner{gap:12px;margin-left:0;margin-right:0;padding:10px 12px;font-size:13px;line-height:1.45}.home-stack .deposit-header{align-items:center}.home-stack .deposit-header h2{font-size:16px;line-height:1.3}.home-stack .deposit-card>p{margin:6px 0 10px;font-size:13px;line-height:1.45}.home-stack .deposit-details{flex:1 1;gap:10px;margin:0;padding:12px}.home-stack .deposit-details>div{align-self:center;min-width:0}.home-stack .detail-label{margin-bottom:4px}.home-stack .detail-value{font-size:14px;line-height:1.4;overflow-wrap:anywhere}.home-stack .deposit-card>.banner{margin-top:12px}@media (max-height:780px){.app-frame:has(.home-stack) .page-heading{margin-bottom:12px}.home-stack{gap:14px}.home-stack .deposit-card,.home-stack .protection-card{padding:12px}.home-stack .protection-top{padding-bottom:10px}.home-stack .protection-top .icon-box{width:50px;height:50px}.home-stack .balance-block{padding-top:12px}.home-stack .banner{padding-top:8px;padding-bottom:8px}.home-stack .deposit-details{gap:8px;padding:10px 12px}.home-stack .deposit-card>.banner{margin-top:10px}}.demo-footer{display:flex;justify-content:center;align-items:center;gap:4px;min-height:26px;margin-top:5px}.app-frame:has(.support-stack) .nav-card .icon-box{width:54px;height:57px}.app-frame:has(.support-stack) .banner{font-size:12px}.app-frame:has(.support-stack) .banner.green>svg{width:58px;height:59px;margin-top:0;padding:11px;border-radius:12px;background:#d4eddf}.app-frame:has(.support-stack) .banner.green{padding:11px}.app-frame:has(.support-stack) .banner strong{font-size:13px}.app-frame:has(.login-card) .page-heading{margin-bottom:20px}.app-shell-plain .app-frame{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.login-card .icon-box svg path:first-child,.protection-top .icon-box svg path:first-child{stroke:#145fa9}.login-card .icon-box svg path:last-child,.protection-top .icon-box svg path:last-child{stroke:white;fill:none;stroke-width:1.8px}.nav-item.active[href="/"] svg{background:url(/design-reference.png) -226.8px -736px/1190px 793.333px no-repeat;width:24px;height:24px}.nav-item.active[href="/"] svg path{visibility:hidden}.profile-button svg circle{fill:currentColor}.practice-details-card{padding:4px 13px}.practice-detail-row .icon-box{width:38px;height:38px;border-radius:11px;color:var(--color-navy)}.practice-detail-row .icon-box svg{width:22px;height:22px}.timeline-dot.current>span{width:14px;height:14px;border-radius:50%;font-size:0;background:var(--color-blue)}.timeline-dot.done svg{width:20px;height:20px;stroke-width:2.5px}.stack>.banner.green:not(:has(.lucide-shield-check)){gap:16px;align-items:center;padding:10px 18px;font-size:12px}.stack>.banner.green>.lucide-circle-check{width:26px;height:26px;margin-top:0}.stack>.banner.green strong{font-size:13px}@media (min-width:768px){.bottom-nav{width:var(--container-width);margin:0 auto}}:root{--motion-fast:150ms;--motion-normal:260ms;--motion-ease:cubic-bezier(0.2,0.7,0.2,1)}::selection{background:#dcecff}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}.page-content{display:flow-root;margin-top:0;padding-top:0;animation:page-enter var(--motion-normal) var(--motion-ease)}.page-content>:first-child,.page-heading>:first-child{margin-top:0}.page-content>.back-link{display:flex;width:-moz-fit-content;width:fit-content}.faq-item,.page-content>.stack>*{animation:surface-enter .34s var(--motion-ease) both}.page-content>.stack>:nth-child(2){animation-delay:35ms}.page-content>.stack>:nth-child(3){animation-delay:65ms}.page-content>.stack>:nth-child(n+4){animation-delay:85ms}.state-enter{animation:state-enter .24s ease-out}.demo-toggle,.icon-button,.nav-card,.nav-item,.primary-button,.profile-button,.protection-trigger,.secondary-button,.switch{transition:color var(--motion-fast),background-color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast) var(--motion-ease)}.back-link>svg,.nav-card>svg,.text-action>svg{transition:transform var(--motion-fast) var(--motion-ease)}.nav-card:active,.primary-button:active,.secondary-button:active{transform:scale(.99)}.demo-toggle:active,.icon-button:active,.profile-button:active{transform:scale(.94)}.primary-button:disabled{opacity:.72}.nav-item{position:relative;min-height:42px}.nav-item>svg{width:24px;height:24px}.nav-item.active>svg{animation:nav-select .24s var(--motion-ease)}.nav-item:before{content:"";position:absolute;top:-9px;width:22px;height:2px;border-radius:0 0 2px 2px;background:var(--color-blue);opacity:0;transition:opacity .18s}.nav-item.active:before{opacity:1}.demo-settings select,.input-shell,.mock-form select,.mock-form textarea,.search-field{transition:border-color .18s,box-shadow .18s,background-color .18s}.input-shell:focus-within,.search-field:focus-within{border-color:var(--color-blue);box-shadow:0 0 0 3px rgba(13,91,174,.09);background:white}.input-shell input:focus-visible,.search-field input:focus-visible{outline:none}.icon-button{min-width:30px;min-height:30px;border-radius:4px}.login-form{display:grid;grid-gap:14px;gap:14px;min-width:0}.login-form>.banner{margin-top:2px}.protection-trigger{width:100%;padding:0 0 11px;border:0;border-bottom:1px solid var(--color-border);background:transparent;text-align:left;color:inherit}.protection-trigger .small-label,.protection-trigger .strong-value{display:block}.secondary-button{justify-content:center;min-height:40px;padding:9px 14px;border:1px solid #d7e2ee;border-radius:6px;background:#f2f7fc;font-size:13px}.secondary-button,.text-action{display:inline-flex;align-items:center;gap:8px;color:var(--color-blue-dark);font-weight:500}.text-action{padding:6px 0}.spinner{animation:spin .8s linear infinite}.app-dialog{width:min(368px,calc(100% - 24px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:0;margin:auto;background:transparent;color:var(--color-text);overflow:visible}.app-dialog::-webkit-backdrop{background:rgba(7,29,59,.28);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.app-dialog::backdrop{background:rgba(7,29,59,.28);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.app-dialog[open]{animation:sheet-enter .26s var(--motion-ease)}.app-dialog[open]::-webkit-backdrop{animation:backdrop-enter .18s ease-out}.app-dialog[open]::backdrop{animation:backdrop-enter .18s ease-out}.dialog-surface{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;padding:18px;border:1px solid var(--color-border);border-radius:8px;background:white;box-shadow:0 16px 56px rgba(7,29,59,.15)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.dialog-header h2{margin:0;font-size:17px;line-height:1.3;font-weight:600}.dialog-header .icon-button{flex:0 0 auto}.dialog-content>p{margin:0 0 18px;color:var(--color-muted);font-size:13px;line-height:1.5}.dialog-summary{display:flex;align-items:center;gap:12px;margin-bottom:16px}.dialog-summary strong{font-size:14px;font-weight:600}.dialog-summary p{margin:3px 0 0;color:var(--color-muted);font-size:12px}.dialog-actions{display:grid;grid-template-columns:1fr 1.5fr;grid-gap:10px;gap:10px}.dialog-actions .primary-button{min-height:42px;font-size:13px;padding:8px 28px 8px 10px}.dialog-actions .primary-button>svg{right:6px;width:18px;height:18px}.demo-settings{display:grid;grid-gap:16px;gap:16px}.demo-settings label{display:grid;grid-gap:6px;gap:6px;font-size:12px;color:var(--color-muted)}.demo-settings select,.mock-form select{width:100%;min-height:42px;padding:9px 12px;border:1px solid #d4dee9;border-radius:6px;color:var(--color-navy);background:white;font:inherit}.demo-settings .secondary-button{margin-top:4px}.toast-region{position:fixed;z-index:50;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + 12px);left:50%;transform:translateX(-50%);width:min(358px,calc(100% - 24px));pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #d7e8dd;border-radius:8px;background:#f8fcf9;box-shadow:0 6px 24px rgba(7,29,59,.1);font-size:12px;pointer-events:auto;animation:toast-enter .24s var(--motion-ease)}.toast>svg{color:var(--color-success);flex:0 0 auto}.toast>span{flex:1 1}.toast .icon-button{min-width:26px;min-height:26px}.search-field{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border:1px solid #d4dee9;border-radius:6px;background:white;color:var(--color-muted)}.search-field input{width:100%;min-width:0;border:0;background:transparent;color:var(--color-navy);outline:0;font:inherit}.search-field input::-webkit-search-cancel-button{display:none}.result-count{margin:10px 0;font-size:11px;color:var(--color-muted)}.faq-list{border-top:1px solid var(--color-border)}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item h2{margin:0;font-size:13px;font-weight:500}.faq-item h2 button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:58px;padding:14px 3px;border:0;color:var(--color-navy);background:transparent;text-align:left}.faq-item h2 svg{flex:0 0 auto;transition:transform var(--motion-normal) var(--motion-ease)}.faq-item h2 button[aria-expanded=true]{color:var(--color-blue-dark)}.faq-item h2 button[aria-expanded=true] svg{transform:rotate(180deg)}.collapse{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .24s var(--motion-ease),opacity .18s,visibility .24s}.collapse[data-open=true]{grid-template-rows:1fr;opacity:1;visibility:visible}.collapse>div{overflow:hidden;min-height:0}.collapse p{margin:0;padding:0 25px 16px 3px;font-size:12px;line-height:1.55;color:var(--color-muted)}.empty-state{display:grid;justify-items:center;grid-gap:12px;gap:12px;padding:32px 16px;text-align:center;color:var(--color-muted)}.empty-state>svg{color:var(--color-blue)}.empty-state h1,.empty-state h2{margin:0;font-size:18px;line-height:1.3;color:var(--color-navy);font-weight:600}.empty-state p{margin:0;font-size:13px}.empty-state.compact{padding:16px 4px}.page-empty{padding-top:48px}.mock-form{gap:10px}.mock-form input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #d4dee9;border-radius:6px;background:white;color:var(--color-navy);font:inherit}.mock-form input:focus{outline:2px solid var(--color-blue);outline-offset:2px}.field-error{margin:0;font-size:12px;color:#ad3434;line-height:1.5}.secondary-button:disabled{opacity:.5;cursor:default}.unavailable-value{color:var(--color-muted);font-weight:400}.request-list{display:grid;grid-gap:10px;gap:10px}.request-item{width:100%;text-align:left;border:1px solid #e4ebf1;border-radius:8px;background:white;padding:14px;color:var(--color-navy);font:inherit;cursor:pointer;transition:border-color .16s,background .16s}.request-item:hover{border-color:#9abbdc;background:#fafcfe}.request-meta,.request-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.request-meta{margin-bottom:12px;font-size:11px;color:var(--color-muted)}.request-title{font-size:14px}.request-title svg{flex:0 0 18px}.request-item p{margin:8px 0 0;color:var(--color-muted);font-size:12px;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.request-description{margin-top:16px;padding:14px;white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6f9;box-shadow:none}.danger-action{color:#a52828}.mock-form label{font-size:13px;font-weight:500}.mock-form textarea{width:100%;min-height:150px;font:inherit;line-height:1.5}.mock-form textarea[aria-invalid=true]{border-color:#ad3434}.field-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;color:var(--color-muted);font-size:10px}.field-meta>:last-child{white-space:nowrap}.mock-form .field-error{margin:0;font-size:12px;color:#ad3434}.confirmation-card{padding:24px 18px;text-align:center;animation:surface-enter .28s var(--motion-ease)}.confirmation-card>div>svg{color:var(--color-success);margin-bottom:8px}.confirmation-card h2{margin:0 0 8px;font-size:17px;font-weight:600}.confirmation-card p{margin:0 0 18px;color:var(--color-muted);line-height:1.5}.setting-heading{display:flex;align-items:center;gap:10px}.setting-heading h2{margin:0;flex:1 1;font-size:15px;font-weight:600}.setting-heading>svg{color:var(--color-blue)}.status-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#b7c2cc}.status-dot.online{background:var(--color-success)}.status-badge{white-space:nowrap}.device-row{display:flex;align-items:center;gap:10px;padding:12px 0 2px}.device-row>svg{color:var(--color-blue);flex:0 0 auto}.device-row>div{flex:1 1;min-width:0}.device-row strong{font-size:13px;font-weight:500}.device-row p{margin:3px 0 0;font-size:11px}.mini-badge{padding:3px 7px;border-radius:4px;color:var(--color-success);background:var(--color-soft-green);font-size:10px}.toggle-row>div{min-width:0}.toggle-row h2{font-size:15px;font-weight:600}.toggle-row p{margin-bottom:0;font-size:12px}.switch{width:44px;height:26px}.switch:after{width:20px;height:20px;top:3px;left:3px;box-shadow:0 1px 3px rgba(7,29,59,.15)}.switch[aria-pressed=true]:after{transform:translateX(18px)}.timeline-dot.current>span{animation:status-breathe 3s ease-in-out infinite}.skip-link{position:fixed;top:-60px;left:12px;z-index:100;padding:10px 16px;background:white;border:1px solid var(--color-border);border-radius:4px}.skip-link:focus{top:8px}@media (hover:hover) and (pointer:fine){.nav-card:hover{border-color:#c4d5e6;box-shadow:0 3px 12px rgba(14,45,83,.06)}.nav-card:hover>svg,.text-action:hover>svg{transform:translateX(3px)}.back-link:hover>svg{transform:translateX(-2px)}.primary-button:hover:not(:disabled){box-shadow:0 3px 12px rgba(13,91,174,.18)}.demo-toggle:hover,.icon-button:hover,.secondary-button:hover{background:#e8f1fa}.nav-item:hover,.protection-trigger:hover .strong-value{color:var(--color-blue)}}@media (max-width:600px){.app-dialog{width:min(100%,390px);margin:auto auto 0}.dialog-surface{border-radius:8px 8px 0 0;padding-bottom:calc(20px + env(safe-area-inset-bottom))}}@keyframes page-enter{0%{opacity:0}to{opacity:1}}@keyframes surface-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes state-enter{0%{opacity:.4}to{opacity:1}}@keyframes sheet-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes toast-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes nav-select{0%{transform:translateY(2px)}60%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes status-breathe{0%,to{opacity:1}50%{opacity:.6}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}