.app-root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom))}@media (min-width: 768px){.app-root{padding-bottom:0}}.shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.shell .app-content{flex:1;width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--sp-4);padding-bottom:calc(var(--nav-height) + var(--sp-4) + env(safe-area-inset-bottom))}@media (min-width: 768px){.shell .app-content{padding:var(--sp-6);padding-bottom:var(--sp-10)}}.app-header{position:sticky;top:0;z-index:var(--z-header);background:var(--color-bg);border-bottom:1px solid var(--color-border);backdrop-filter:saturate(180%) blur(12px);background-color:color-mix(in srgb,var(--color-bg) 90%,transparent)}.header-row{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);max-width:var(--container-max);margin:0 auto;min-height:var(--header-height)}@media (min-width: 768px){.header-row{max-width:var(--container-wide);padding:var(--sp-3) var(--sp-6)}}.header-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);text-align:center;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-back{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--fs-xl);color:var(--color-text);transition:background var(--dur-fast) var(--ease-standard)}.header-back:hover{background:var(--color-bg-muted)}.header-spacer{width:44px;height:44px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-nav);display:flex;align-items:stretch;justify-content:space-around;background:var(--color-bg);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom);backdrop-filter:saturate(180%) blur(12px);background-color:color-mix(in srgb,var(--color-bg) 92%,transparent)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--sp-2) var(--sp-1);min-height:var(--nav-height);color:var(--color-text-muted);text-decoration:none;font-size:var(--fs-xs);transition:color var(--dur-fast) var(--ease-standard);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bottom-nav-item:hover{color:var(--color-text);text-decoration:none}.bottom-nav-item.active{color:var(--color-brand-primary);font-weight:var(--fw-semibold)}.bottom-nav-icon{font-size:1.25rem;line-height:1}.bottom-nav-label{font-size:var(--fs-xs)}@media (min-width: 768px){.bottom-nav{display:none}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-5);flex-wrap:wrap}.page-header-text{flex:1;min-width:0}.page-title{font-size:var(--fs-2xl);margin:0;letter-spacing:var(--tracking-tight)}.page-subtitle{font-size:var(--fs-sm);margin-top:var(--sp-1)}.page-header-actions{display:flex;gap:var(--sp-2);flex-shrink:0}.section{margin-bottom:var(--sp-6)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}.section-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:0}.section-body{display:flex;flex-direction:column;gap:var(--sp-3)}.public-page{max-width:440px;margin:0 auto;padding:var(--sp-8) var(--sp-4);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:var(--sp-6)}.public-brand{text-align:center;margin-bottom:var(--sp-4)}.brand-lg{font-size:var(--fs-3xl);font-weight:var(--fw-bold);color:var(--color-brand-primary);letter-spacing:var(--tracking-wide);margin:0}.brand{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--color-brand-primary);letter-spacing:var(--tracking-wide);margin:0}.tagline{font-size:var(--fs-base);color:var(--color-text-muted);margin-top:var(--sp-2)}.public-footer{text-align:center;font-size:var(--fs-sm);margin-top:var(--sp-2)}.field-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-2) 0;border-bottom:1px solid var(--color-border)}.field-row:last-child{border-bottom:none}.field-label{font-size:var(--fs-sm);flex-shrink:0}.field-value{font-size:var(--fs-sm);font-weight:var(--fw-medium);text-align:right;word-break:break-word}.field-value.mono{font-family:var(--font-mono);letter-spacing:.02em}.list-item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--color-border);min-height:var(--touch-target)}.list-item:last-child{border-bottom:none}.list-item-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--touch-target);padding:var(--sp-3) var(--sp-4);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left;color:var(--color-text);font-size:var(--fs-base);transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.list-item-button:hover{background:var(--color-bg-muted);border-color:var(--color-border-strong)}.list-item-button:after{content:"›";color:var(--color-text-subtle);font-size:var(--fs-xl);line-height:1;margin-left:var(--sp-2)}.tabs{display:flex;gap:var(--sp-1);padding:var(--sp-1);background:var(--color-bg-muted);border-radius:var(--radius-pill);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:1;min-width:max-content;padding:var(--sp-2) var(--sp-4);min-height:36px;background:transparent;border:none;border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text-muted);transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);white-space:nowrap}.tab:hover{color:var(--color-text)}.tab-active{background:var(--color-bg);color:var(--color-text);font-weight:var(--fw-semibold);box-shadow:var(--shadow-xs)}@media (min-width: 480px){.tab{padding:var(--sp-2) var(--sp-5)}}.form{display:flex;flex-direction:column;gap:var(--sp-4)}.form-field{display:flex;flex-direction:column;gap:var(--sp-2)}.form-label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text)}.form-label .required{color:var(--color-danger);margin-left:2px}.form-help{font-size:var(--fs-xs);color:var(--color-text-muted);line-height:var(--lh-snug)}.form-error{font-size:var(--fs-xs);color:var(--color-danger);line-height:var(--lh-snug)}.form-banner{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);font-size:var(--fs-sm);line-height:var(--lh-snug)}.form-banner-error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid color-mix(in srgb,var(--color-danger) 25%,transparent)}.form-actions{display:flex;gap:var(--sp-3);justify-content:flex-end;margin-top:var(--sp-2)}.form-actions .btn{flex:1}.input{width:100%;padding:var(--sp-3) var(--sp-4);min-height:var(--touch-target);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--fs-base);font-family:inherit;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);-webkit-appearance:none;appearance:none}.input::placeholder{color:var(--color-text-subtle)}.input:hover:not(:focus){border-color:var(--color-border-strong)}.input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand-primary) 15%,transparent)}.input-error{border-color:var(--color-danger)}.input-error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger) 15%,transparent)}select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%235a6270' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--sp-4) center;padding-right:var(--sp-10)}textarea.input{min-height:96px;resize:vertical;line-height:var(--lh-base)}.currency-wrapper{position:relative;display:flex;align-items:center}.currency-symbol{position:absolute;left:var(--sp-4);top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:var(--fs-base);pointer-events:none;font-weight:var(--fw-medium)}.currency-wrapper .input{padding-left:calc(var(--sp-4) + 1.4ch);font-variant-numeric:tabular-nums}.otp-input{letter-spacing:.5em;text-align:center;font-family:var(--font-mono);font-size:var(--fs-xl);font-weight:var(--fw-semibold);padding-left:calc(.5em + var(--sp-4))}.checkbox{display:flex;align-items:flex-start;gap:var(--sp-3);cursor:pointer;padding:var(--sp-2) 0;min-height:var(--touch-target)}.checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;flex-shrink:0;margin-top:2px;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.checkbox input[type=checkbox]:checked{background:var(--color-brand-primary);border-color:var(--color-brand-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10' fill='none'%3E%3Cpath d='M1 5L4.5 8.5L11 1.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:12px 10px}.checkbox span{font-size:var(--fs-sm);line-height:var(--lh-snug)}