:root{--color-bg: #f2f2f7;--color-surface: #ffffff;--color-surface-hover: #f5f5f5;--color-border: #e5e5e5;--color-text-primary: #2b262c;--color-text-secondary: #6b7280;--color-label: #4d4d4d;--color-heading: #101828;--color-accent: #009688;--color-danger: #dc2626;--color-btn-primary-bg: #000000;--color-btn-primary-bg-hover: #333333;--color-btn-primary-text: #ffffff;--color-btn-disabled-bg: #cccccc;--color-btn-disabled-text: #666666;--radius-btn: 24px;--radius-card: 12px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;line-height:1.5;color-scheme:light}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-shell{min-height:100vh;background-color:var(--color-bg)}.app-shell__container{width:100%;max-width:640px;margin:0 auto;padding:0 var(--space-md)}.app-shell__main{padding:var(--space-md) 0 var(--space-lg)}.app-header{padding-top:var(--space-lg)}.app-header__bar{display:flex;align-items:center;justify-content:space-between;min-height:32px}.app-header__brand{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-primary)}.app-header__trailing{display:inline-flex;align-items:center}.app-header__title{margin:var(--space-md) 0 0;font-size:28px;font-weight:600;color:var(--color-heading)}.section-list{display:flex;flex-direction:column;gap:var(--space-lg)}.section{display:flex;flex-direction:column;gap:var(--space-sm)}.section__title{margin:0;padding:0 var(--space-xs);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary)}.section__card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden}.list-row{display:flex;align-items:center;gap:var(--space-md);width:100%;min-height:56px;padding:var(--space-md);text-align:left;color:var(--color-text-primary);background-color:var(--color-surface);border:none;border-bottom:1px solid var(--color-border);font-family:inherit;font-size:16px}.list-row:last-child{border-bottom:none}.list-row--button{cursor:pointer}.list-row--button:hover{background-color:var(--color-surface-hover)}.list-row--button:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.list-row__leading{display:inline-flex;align-items:center;flex-shrink:0}.list-row__body{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.list-row__label{font-weight:500}.list-row__description{font-size:14px;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row__value{color:var(--color-text-secondary);font-size:15px;flex-shrink:0}.list-row__chevron{color:var(--color-text-secondary);font-size:20px;line-height:1;flex-shrink:0}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--avatar-bg, var(--color-accent));color:#fff;font-weight:600;text-transform:uppercase;flex-shrink:0;-webkit-user-select:none;user-select:none}.avatar--sm{width:32px;height:32px;font-size:13px}.avatar--md{width:44px;height:44px;font-size:16px}.avatar--lg{width:56px;height:56px;font-size:20px}.primary-button,.secondary-button{width:100%;padding:12px;font-size:14px;font-weight:600;font-family:inherit;border-radius:var(--radius-btn);cursor:pointer;margin-top:var(--space-md);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.primary-button{background-color:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);border:none}.primary-button:hover:not(:disabled){background-color:var(--color-btn-primary-bg-hover)}.secondary-button{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.secondary-button:hover:not(:disabled){background-color:var(--color-surface-hover)}.primary-button:disabled,.secondary-button:disabled{background-color:var(--color-btn-disabled-bg);color:var(--color-btn-disabled-text);cursor:not-allowed}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:14px;font-weight:500;color:var(--color-label)}.form-field input{padding:10px 12px;font-size:14px;font-family:inherit;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface);width:100%}.form-field input:focus{outline:none;border-color:var(--color-accent)}.form-field input:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.form-field input.error{border-color:var(--color-danger)}.error-text{color:var(--color-danger);font-size:12px;margin-top:4px;display:block}@media(max-width:640px){.app-shell__container{padding:0 var(--space-md)}.app-header__title{font-size:24px}.list-row{font-size:15px}}