:root{--bg:#0b0d11;--surface:#12151b;--surface-2:#181c24;--border:#232833;--border-2:#2d3340;--divider:#1c212b;--text-heading:#eef0f4;--text:#aab0bd;--text-secondary:#8890a0;--text-tertiary:#5b6270;--accent:#5a93d6;--accent-dark:#4478b0;--accent-wash:#5a93d624;--accent-glow:#5a93d647;--gold:#c9a15a;--gold-wash:#c9a15a24;--success:#5fbf8f;--success-wash:#5fbf8f1a;--danger:#d97d6c;--danger-wash:#d97d6c1a;--radius:10px;--radius-sm:8px;--radius-lg:18px;--font-sans:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", monospace;font-family:var(--font-sans);color:var(--text);-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:16px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:#05060a;margin:0}#root{flex-direction:column;min-height:100vh;display:flex}.app-shell{background:var(--bg);width:100%;max-width:480px;min-height:100vh;box-shadow:0 0 0 1px var(--border);flex:1;margin:0 auto;position:relative}@media (width>=900px){.app-shell{max-width:none;box-shadow:none}}h1,h2,h3{color:var(--text-heading);margin:0}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{cursor:pointer;font-family:inherit;font-size:14px}input,select,textarea{cursor:text}.btn-primary{background:var(--accent);color:var(--bg);border-radius:var(--radius);border:none;justify-content:center;align-items:center;gap:6px;padding:13px 18px;font-size:14.5px;font-weight:700;transition:background .2s,transform .1s;display:inline-flex}.btn-primary:hover{background:#6a9fdc}.btn-primary:active{transform:scale(.96)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--surface-2);color:var(--text-heading);border:1px solid var(--border-2);border-radius:var(--radius);padding:13px 18px;font-size:14.5px;font-weight:600;transition:background .2s,transform .1s}.btn-secondary:hover{background:var(--border)}.btn-secondary:active{transform:scale(.96)}.btn-danger{background:var(--danger-wash);color:var(--danger);border-radius:var(--radius);cursor:pointer;border:1px solid #d97d6c4d;align-items:center;gap:7px;padding:8px 16px;font-size:14px;font-weight:600;transition:background .2s,transform .1s;display:inline-flex}.btn-danger:hover{background:#d97d6c33}.btn-danger:active{transform:scale(.96)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.page-state{text-align:center;color:var(--text-secondary);padding:64px 24px}.page-state.error{color:var(--danger)}.empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:16px;padding:50px 20px;display:flex}.form-field{flex-direction:column;gap:7px;display:flex}.form-field label{color:var(--text);letter-spacing:.02em;font-size:12.5px;font-weight:600}.form-field input,.form-field select{background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius);color:var(--text-heading);outline:none;width:100%;padding:13px 14px;font-size:15px;transition:border-color .2s}.form-field input:focus,.form-field select:focus{border-color:var(--accent)}.field-hint{color:var(--text-tertiary);font-size:11.5px}.form-error{color:var(--danger);background:var(--danger-wash);border-radius:var(--radius-sm);border:1px solid #d97d6c47;margin:0;padding:10px 13px;font-size:13px}.avatar-upload-error{flex-basis:100%}.form-success{color:var(--success);background:var(--success-wash);border-radius:var(--radius-sm);border:1px solid #5fbf8f47;margin:0;padding:10px 13px;font-size:13px}.section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin:0 0 4px;font-size:12px;font-weight:700}@keyframes scrimIn{0%{opacity:0}to{opacity:1}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sidebar{display:none}@media (width>=900px){.sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;gap:4px;width:220px;height:100vh;padding:24px 12px;display:flex;position:sticky;top:0}.sidebar-item{cursor:pointer;color:var(--text-tertiary);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:11px 14px;font-size:14px;font-weight:600;display:flex}.sidebar-item.active{background:var(--accent-wash);color:var(--accent)}}.protected-layout{flex:1;min-height:100vh;display:flex}.protected-content{flex-direction:column;flex:1;min-width:0;display:flex}.landing-page{background:var(--bg);flex-direction:column;flex:1;justify-content:center;min-height:100vh;padding:32px 30px;display:flex}.landing-logo{background:var(--accent-wash);border:1px solid #5a93d659;border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:18px;display:flex}.landing-logo span{color:var(--accent);font-size:19px;font-weight:800}.landing-wordmark{color:var(--accent);letter-spacing:.04em;margin-bottom:18px;font-size:13px;font-weight:700}.landing-title{letter-spacing:-.3px;margin:0 0 12px;font-size:28px;font-weight:700;line-height:1.25}.landing-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:14.5px;line-height:1.5}.landing-actions{flex-direction:column;gap:12px;display:flex}.landing-btn{width:100%}@media (width>=900px){.landing-inner{width:100%;max-width:420px;margin:0 auto}}.login-page{background:var(--bg);flex-direction:column;flex:1;justify-content:center;min-height:100vh;padding:32px 30px;display:flex}.login-logo{background:var(--accent-wash);border:1px solid #5a93d659;border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:18px;display:flex}.login-logo span{color:var(--accent);font-size:19px;font-weight:800}.login-wordmark{color:var(--accent);letter-spacing:.04em;margin-bottom:6px;font-size:13px;font-weight:700}.login-title{letter-spacing:-.3px;margin:0 0 26px;font-size:25px;font-weight:700}.login-form{flex-direction:column;gap:16px;display:flex}.login-submit{width:100%;margin-top:6px}.login-forgot-link{text-align:center;margin-top:16px;font-size:13px}.login-forgot-link a{color:var(--text-secondary)}.login-register-link{text-align:center;color:var(--text-secondary);margin-top:10px;font-size:13.5px}.login-register-link a{color:var(--accent);font-weight:600}@media (width>=900px){.login-inner{width:100%;max-width:420px;margin:0 auto}}.register-page{background:var(--bg);flex-direction:column;flex:1;justify-content:center;min-height:100vh;padding:32px 30px;display:flex}.register-logo{background:var(--accent-wash);border:1px solid #5a93d659;border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:18px;display:flex}.register-logo span{color:var(--accent);font-size:19px;font-weight:800}.register-wordmark{color:var(--accent);letter-spacing:.04em;margin-bottom:6px;font-size:13px;font-weight:700}.register-title{letter-spacing:-.3px;margin:0 0 26px;font-size:25px;font-weight:700}.register-form{flex-direction:column;gap:16px;display:flex}.register-submit{width:100%;margin-top:6px}.register-login-link{text-align:center;color:var(--text-secondary);margin-top:22px;font-size:13.5px}.register-login-link a{color:var(--accent);font-weight:600}@media (width>=900px){.register-inner{width:100%;max-width:420px;margin:0 auto}}.forgot-page{background:var(--bg);flex-direction:column;flex:1;justify-content:center;min-height:100vh;padding:32px 30px;display:flex}.forgot-logo{background:var(--accent-wash);border:1px solid #5a93d659;border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:18px;display:flex}.forgot-logo span{color:var(--accent);font-size:19px;font-weight:800}.forgot-wordmark{color:var(--accent);letter-spacing:.04em;margin-bottom:6px;font-size:13px;font-weight:700}.forgot-title{letter-spacing:-.3px;margin:0 0 10px;font-size:25px;font-weight:700}.forgot-subtitle{color:var(--text-secondary);margin-bottom:26px;font-size:13.5px;line-height:1.5}.forgot-form{flex-direction:column;gap:16px;display:flex}.forgot-submit{width:100%;margin-top:6px}.forgot-login-link{text-align:center;margin-top:22px;font-size:13.5px}.forgot-login-link a{color:var(--accent);font-weight:600}.input-with-prefix{align-items:center;display:flex;position:relative}.input-prefix{color:var(--text-tertiary);pointer-events:none;font-size:15px;position:absolute;left:14px}.input-with-prefix input{padding-left:26px!important}@media (width>=900px){.forgot-inner{width:100%;max-width:420px;margin:0 auto}}.bottom-tab-bar{background:var(--surface);border-top:1px solid var(--border);padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));flex-shrink:0;align-items:stretch;display:flex}.tab-btn{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:4px 0;display:flex}.tab-btn span{font-size:10.5px;font-weight:600}.tab-btn.active{color:var(--accent)}@media (width>=900px){.bottom-tab-bar{display:none}}.home{background:var(--bg);flex-direction:column;height:100dvh;display:flex}.home-header{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 20px;display:grid}.home-header-greeting{color:var(--text-heading);white-space:nowrap;grid-column:2;justify-self:center;font-size:14px;font-weight:600}.home-avatar-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;grid-column:3;justify-self:end;padding:0;line-height:0}.home-scroll{flex:1;padding:14px 20px 20px;overflow:auto}.hero-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;margin-bottom:24px;padding:22px 20px;position:relative;overflow:hidden}.hero-glow{filter:blur(46px);opacity:.35;pointer-events:none;border-radius:50%;width:160px;height:160px;position:absolute;top:-60px;right:-40px}.hero-content{position:relative}.hero-amount{font-family:var(--font-mono);letter-spacing:-.5px;margin-bottom:4px;font-size:34px;font-weight:700}.hero-caption{color:var(--text-secondary);margin-bottom:16px;font-size:13px}.hero-stats{gap:8px;display:flex}.hero-stat{border-radius:11px;flex:1;padding:10px 12px}.hero-stat.owed{background:var(--success-wash);border:1px solid #5fbf8f38}.hero-stat.debt{background:var(--danger-wash);border:1px solid #d97d6c38}.hero-stat-label{text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;font-size:10.5px;font-weight:600}.hero-stat.owed .hero-stat-label{color:var(--success)}.hero-stat.debt .hero-stat-label{color:var(--danger)}.hero-stat-amount{font-family:var(--font-mono);color:var(--text-heading);font-size:15px;font-weight:600}.home-section-title{color:var(--text-heading);margin:0 0 10px;font-size:14px;font-weight:700}.home-section-title.activity-title{margin:26px 0 2px}.home-section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.home-section-header .home-section-title{margin:0}.home-new-group-btn{background:var(--surface-2);border:1px solid var(--border-2);cursor:pointer;width:26px;height:26px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.groups-carousel{gap:10px;margin:0 -20px;padding:0 20px 6px;display:flex;overflow-x:auto}.group-card{cursor:pointer;border:1px solid;border-radius:16px;flex-direction:column;flex-shrink:0;gap:12px;width:148px;padding:14px;display:flex}.group-card-name{color:var(--text-heading);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.group-card-stack{display:flex}.group-card-balance{font-family:var(--font-mono);font-size:14px;font-weight:600}.group-card-caption{color:var(--text-tertiary);margin-top:1px;font-size:10px}.group-card-new{border:1.5px dashed var(--border-2);cursor:pointer;border-radius:16px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:148px;min-height:112px;padding:14px;display:flex}.group-card-new-icon{background:var(--surface-2);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.group-card-new span{color:var(--text-secondary);font-size:12px;font-weight:600}.activity-list{flex-direction:column;display:flex}.activity-row{cursor:pointer;align-items:center;gap:12px;padding:12px 0;display:flex}.activity-info{flex:1;min-width:0}.activity-description{color:var(--text-heading);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.activity-meta{color:var(--text-secondary);margin-top:2px;font-size:11.5px}@media (width>=900px){.home-scroll{width:100%;max-width:1080px;margin:0 auto}.groups-carousel{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin:0;padding:0;display:grid;overflow-x:visible}.group-card,.group-card-new{width:auto}}.activity-amount{font-family:var(--font-mono);color:var(--text-heading);white-space:nowrap;font-size:14px;font-weight:600}.back-header{flex-shrink:0;align-items:center;gap:14px;padding:24px 20px 14px;display:flex}.back-header-btn{background:var(--surface-2);border:1px solid var(--border-2);cursor:pointer;width:34px;height:34px;color:var(--text-heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.back-header-title{color:var(--text-heading);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:19px;font-weight:700;overflow:hidden}.new-group{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.new-group-form{flex-direction:column;flex:1;min-height:0;display:flex}.new-group-scroll{flex-direction:column;flex:1;gap:22px;padding:6px 20px 20px;display:flex;overflow:auto}.new-group-participants{flex-direction:column;gap:10px;display:flex}.new-group-participants-header{align-items:baseline;gap:8px;display:flex}.new-group-participants-header label{color:var(--text);font-size:12.5px;font-weight:600}.member-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.member-toggle-card{background:var(--surface-2);border:2px solid var(--border-2);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;transition:border-color .15s,background .15s,transform .1s;display:flex;position:relative}.member-toggle-card:active{transform:scale(.96)}.member-toggle-card.selected{border-color:var(--accent);background:var(--accent-wash)}.member-toggle-name{color:var(--text-heading);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11.5px;font-weight:600;overflow:hidden}.member-toggle-username{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:-4px;font-size:10px;overflow:hidden}.member-check{color:var(--accent);position:absolute;top:6px;right:7px}.member-toggle-self{cursor:default}.new-group-footer{padding:14px 20px calc(24px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);flex-shrink:0;gap:10px;display:flex}.new-group-footer button{flex:1}@media (width>=900px){.new-group{width:100%;max-width:700px;margin:0 auto}.member-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}.sheet-scrim{z-index:300;background:#06080cb8;justify-content:center;align-items:flex-end;animation:.18s scrimIn;display:flex;position:fixed;inset:0}.sheet-panel{background:var(--surface);border-radius:28px 28px 0 0;flex-direction:column;width:100%;max-width:480px;max-height:85vh;animation:.22s sheetUp;display:flex;overflow:hidden}.sheet-handle-row{flex-shrink:0;justify-content:center;padding:10px 0 2px;display:flex}.sheet-handle{background:var(--border-2);border-radius:2px;width:36px;height:4px}.sheet-header{flex-shrink:0;align-items:center;gap:13px;padding:14px 20px 16px;display:flex}.sheet-header-close{background:var(--surface-2);border:1px solid var(--border-2);cursor:pointer;width:28px;height:28px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sheet-body{flex-direction:column;flex:1;gap:18px;padding:0 20px 16px;display:flex;overflow:auto}.sheet-footer{padding:14px 20px calc(24px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);flex-shrink:0;gap:10px;display:flex}@media (width>=900px){.sheet-panel{max-width:560px}}.group-detail{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.group-detail-delete{background:var(--danger-wash);cursor:pointer;width:34px;height:34px;color:var(--danger);border:1px solid #d97d6c4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.group-detail-delete:disabled{opacity:.5;cursor:not-allowed}.group-detail-scroll{flex-direction:column;flex:1;gap:4px;padding:14px 20px 20px;display:flex;overflow:auto}.group-hero{border-radius:18px;margin-bottom:18px;padding:20px}.group-hero-amount{margin-bottom:3px;font-size:29px}.participant-stack{cursor:pointer;background:0 0;border:none;align-items:center;margin-top:14px;padding:0;display:flex}.participant-stack-label{color:var(--accent);margin-left:10px;font-size:12px;font-weight:600}.stack-avatar{box-shadow:0 0 0 2px var(--surface);border-radius:8px}.stack-extra{background:var(--border);width:26px;height:26px;box-shadow:0 0 0 2px var(--surface);color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;margin-left:-8px;font-size:10px;font-weight:700;display:flex}.group-actions-row{gap:9px;margin-bottom:22px;display:flex}.group-actions-row button{flex:1;justify-content:center;align-items:center;gap:5px;padding:9px 10px;font-size:13.5px;display:flex}.btn-outline{color:var(--accent);border:1.5px solid var(--accent);border-radius:var(--radius);cursor:pointer;background:0 0;font-weight:600;transition:background .2s,transform .1s}.btn-outline:hover{background:var(--accent-wash)}.btn-outline:active{transform:scale(.97)}.expense-ledger{flex-direction:column;display:flex}.ledger-row{cursor:pointer;align-items:center;gap:12px;padding:13px 0;display:flex}.ledger-info{flex:1;min-width:0}.ledger-description{color:var(--text-heading);white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;overflow:hidden}.ledger-meta{color:var(--text-secondary);margin-top:3px;font-size:11.5px}.ledger-amount{font-family:var(--font-mono);color:var(--text-heading);white-space:nowrap;font-size:15px;font-weight:600}.sheet-title{color:var(--text-heading);margin:0 0 2px;font-size:17px;font-weight:700}.sheet-title.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sheet-subtitle{color:var(--text-secondary);margin:0;font-size:12.5px}.member-search{align-items:center;display:flex;position:relative}.member-search-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;left:13px}.member-search input{background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius);width:100%;color:var(--text-heading);outline:none;padding:11px 14px 11px 36px;font-size:14px;transition:border-color .2s}.member-search input:focus{border-color:var(--accent)}.pill-grid{flex-wrap:wrap;gap:7px;display:flex}.pill-btn{background:var(--surface-2);border:2px solid var(--border-2);color:var(--text-heading);cursor:pointer;border-radius:24px;align-items:center;gap:7px;padding:6px 13px 6px 6px;font-size:12.5px;font-weight:500;transition:border-color .15s,background .15s;display:flex}.pill-btn.selected{background:var(--accent-wash);border-color:var(--accent)}.pill-check{color:var(--accent)}.share-badge{background:var(--accent-wash);color:var(--accent);font-family:var(--font-mono);border-radius:20px;align-self:flex-start;margin-top:8px;padding:4px 12px;font-size:12px;font-weight:600}.settlement-ok{color:var(--success);background:var(--success-wash);border-radius:11px;align-items:center;gap:10px;padding:14px 16px;font-size:13.5px;font-weight:500;display:flex}.debt-bar{background:var(--border);border-radius:4px;height:8px;margin-bottom:8px;display:flex;overflow:hidden}.debt-bar-labels{color:var(--text-secondary);justify-content:space-between;font-size:11.5px;display:flex}.settlement-label{text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px;font-size:11px;font-weight:700}.settlement-label.owe{color:var(--danger)}.settlement-label.receive{color:var(--success)}.debt-card{border-radius:14px;flex-direction:column;gap:12px;margin-bottom:10px;padding:14px;display:flex}.debt-card:last-child{margin-bottom:0}.debt-card.owe{background:var(--danger-wash);border:1px solid #d97d6c38}.debt-card.receive{background:var(--success-wash);border:1px solid #5fbf8f38}.debt-card-top{align-items:center;gap:10px;display:flex}.debt-card-person{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.debt-card-name{color:var(--text-heading);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.debt-card-username{color:var(--text-tertiary);font-size:11px}.debt-card-amount{font-family:var(--font-mono);white-space:nowrap;font-size:14.5px;font-weight:700}.debt-card.owe .debt-card-amount{color:var(--danger)}.debt-card.receive .debt-card-amount{color:var(--success)}.debt-card-alias{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:8px 8px 8px 12px;display:flex}.debt-card-alias-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);flex-shrink:0;font-size:9.5px;font-weight:700}.debt-card-alias-value{min-width:0;font-family:var(--font-mono);color:var(--text-heading);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12.5px;overflow:hidden}.debt-card-copy-btn{background:var(--surface-2);border:1px solid var(--border-2);color:var(--text-heading);cursor:pointer;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:6px 10px;font-size:11.5px;font-weight:600;display:flex}.debt-card-copy-btn:active{transform:scale(.96)}.debt-card-pay-btn{width:100%;padding:9px;font-size:13px}.expense-detail-amount{font-family:var(--font-mono);color:var(--accent);white-space:nowrap;font-size:20px;font-weight:700}.expense-detail-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);align-items:center;gap:6px;margin:0;font-size:11.5px;font-weight:600;display:flex}.expense-detail-participants{flex-wrap:wrap;gap:8px;display:flex}.expense-detail-person{background:var(--surface-2);border:1px solid var(--border);color:var(--text-heading);border-radius:20px;align-items:center;gap:7px;padding:4px 12px 4px 5px;font-size:13px;font-weight:500;display:flex}.members-list{flex-direction:column;display:flex}.members-list-row{border-bottom:1px solid var(--divider);color:var(--text-heading);align-items:center;gap:12px;padding:11px 0;font-size:14px;font-weight:600;display:flex}.members-list-row:last-child{border-bottom:none}.members-list-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.group-admin-badge{color:var(--accent);background:var(--accent-wash);border-radius:20px;align-self:flex-start;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.member-row-actions{flex-shrink:0;position:relative}.member-row-menu-btn{background:var(--surface-2);border:1px solid var(--border-2);cursor:pointer;width:29px;height:29px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;display:flex}.member-row-menu-btn:disabled{opacity:.5;cursor:not-allowed}.member-menu-scrim{z-index:40;position:fixed;inset:0}.member-menu{z-index:41;background:var(--surface-2);border:1px solid var(--border-2);border-radius:11px;min-width:190px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 24px #00000059}.member-menu-item{cursor:pointer;text-align:left;width:100%;color:var(--text-heading);background:0 0;border:none;align-items:center;gap:9px;padding:11px 13px;font-size:12.5px;font-weight:600;display:flex}.member-menu-item:hover{background:var(--border)}@media (width>=900px){.group-detail{width:100%;max-width:820px;margin:0 auto}.group-actions-row button{flex:none;padding-left:20px;padding-right:20px}}.profile{background:var(--bg);flex-direction:column;height:100dvh;display:flex}.profile-header{flex-shrink:0;padding:24px 20px 12px}.profile-header h1{letter-spacing:-.4px;font-size:27px;font-weight:700}.profile-scroll{flex-direction:column;flex:1;gap:18px;padding:10px 20px 20px;display:flex;overflow:auto}.profile-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;align-items:center;gap:16px;padding:20px;display:flex}.profile-card-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.profile-name{color:var(--text-heading);font-size:17px;font-weight:700}.profile-username{color:var(--text-secondary);font-size:13px}.profile-card-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:3px;display:flex}.profile-admin-badge{color:var(--gold);background:var(--gold-wash);border-radius:20px;align-items:center;gap:5px;padding:4px 11px;font-size:11px;font-weight:600;display:inline-flex}.profile-groups-count{color:var(--text-tertiary);font-size:12px}.profile-avatar-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.profile-avatar-actions .btn-secondary,.profile-avatar-actions .btn-danger{padding:8px 12px;font-size:12.5px}.profile-list{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.profile-list-row{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:15px 16px;display:flex}.profile-list-row:not(:last-child){border-bottom:1px solid var(--border)}.profile-list-label{color:var(--text-heading);flex:1;font-size:14.5px;font-weight:600}.profile-list-label.danger{color:var(--danger)}@media (width>=900px){.profile{width:100%;max-width:640px;margin:0 auto}}.settings{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.settings-scroll{flex-direction:column;flex:1;gap:16px;padding:14px 20px 24px;display:flex;overflow:auto}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:12px;padding:18px;display:flex}.settings-card-title{color:var(--text-heading);margin:0;font-size:15px;font-weight:700}.settings-card-hint{color:var(--text-secondary);margin:-6px 0 0;font-size:12.5px}.settings-card .btn-primary{align-self:flex-start;padding:10px 18px}.settings-photo-row{align-items:center;gap:16px;display:flex}.settings-photo-actions{flex-wrap:wrap;gap:8px;display:flex}.settings-photo-actions .btn-secondary,.settings-photo-actions .btn-danger{padding:9px 14px;font-size:13px}@media (width>=900px){.settings{width:100%;max-width:640px;margin:0 auto}}.admin-page{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.admin-segmented{background:var(--surface-2);border-radius:11px;flex-shrink:0;gap:3px;margin:0 20px 14px;padding:3px;display:flex}.admin-segmented button{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-size:13px;font-weight:600}.admin-segmented button.active{background:var(--accent);color:var(--bg)}.admin-scroll{flex-direction:column;flex:1;gap:22px;padding:0 20px 24px;display:flex;overflow:auto}.admin-form-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.admin-form-card h3{font-size:14px;font-weight:700}.admin-form-card input:not([type=checkbox]){background:var(--surface-2);border:1px solid var(--border-2);color:var(--text-heading);border-radius:9px;outline:none;padding:10px 12px;font-size:13.5px}.admin-checkbox{color:var(--text-secondary);align-items:center;gap:8px;font-size:12.5px;display:flex}.admin-group{flex-direction:column;gap:9px;display:flex}.admin-group-title{font-size:14px;font-weight:700}.admin-list{background:var(--surface);border:1px solid var(--border);border-radius:14px}.admin-row{align-items:center;gap:11px;padding:11px 14px;display:flex}.admin-row:not(:last-child){border-bottom:1px solid var(--border)}.admin-row-info{flex:1;min-width:0}.admin-row-name{color:var(--text-heading);align-items:center;gap:7px;font-size:13.5px;font-weight:600;display:flex}.admin-row-sub{color:var(--text-secondary);align-items:center;gap:5px;margin-top:1px;font-size:11.5px;display:flex}.admin-badge{color:var(--gold);background:var(--gold-wash);border-radius:20px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.admin-row-delete{background:var(--danger-wash);cursor:pointer;width:29px;height:29px;color:var(--danger);border:1px solid #d97d6c47;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.admin-row-delete:disabled{opacity:.5;cursor:not-allowed}.admin-row-actions{flex-shrink:0;position:relative}.admin-row-menu-btn{background:var(--surface-2);border:1px solid var(--border-2);cursor:pointer;width:29px;height:29px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;display:flex}.admin-row-menu-btn:disabled{opacity:.5;cursor:not-allowed}.admin-menu-scrim{z-index:40;position:fixed;inset:0}.admin-menu{z-index:41;background:var(--surface-2);border:1px solid var(--border-2);border-radius:11px;min-width:190px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 24px #00000059}.admin-menu-item{cursor:pointer;text-align:left;width:100%;color:var(--text-heading);background:0 0;border:none;align-items:center;gap:9px;padding:11px 13px;font-size:12.5px;font-weight:600;display:flex}.admin-menu-item:not(:last-child){border-bottom:1px solid var(--border)}.admin-menu-item:hover{background:var(--border)}.admin-menu-item.danger{color:var(--danger)}@media (width>=900px){.admin-page{width:100%;max-width:760px;margin:0 auto}}