.bankicon{background:var(--green)!important}.bankicon.tbank{background:#f2d454!important}.profile-identity{display:flex;align-items:center;gap:13px;margin-bottom:12px}.profile-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#303b28;color:var(--green);font-size:18px}.sync-line{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:14px;padding:11px 14px;margin-bottom:20px}.sync-line span,.permission-row>span:first-child{display:grid}.sync-line small,.permission-row small{font-size:11px}.sync-button{color:var(--green)}.compact-auth{display:flex;align-items:center;gap:14px;margin:0 0 20px}.permissions-card h2{margin-bottom:8px}.permission-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.permission-row:last-child{border:0}.permission-row .secondary{padding:8px 11px;font-size:12px}.logout-link{display:block;margin:34px auto 0;background:none;color:var(--muted);font-size:12px}.plan-cta{margin-top:20px;padding:15px}.restricted-help{background:#312d20;border:1px solid #5a4f2c;border-radius:15px;padding:16px}.restricted-help p{color:#c9c2aa;font-size:12px;margin-top:5px}.restricted-help ol{margin:12px 0 0;padding-left:20px;color:#e8e2ce;font-size:12px}.restricted-help li+li{margin-top:7px}#sync-toast{position:fixed;z-index:30;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%,-130%);background:#283522;border:1px solid #526942;color:var(--text);padding:9px 14px;border-radius:20px;font-size:12px;opacity:0;transition:.2s}#sync-toast.show{transform:translate(-50%,0);opacity:1}#sync-toast.success{color:var(--green)}#sync-toast.error{color:#ffb0a6}.limits-card .sectionhead{align-items:flex-start}.limits-card .section-actions{flex-wrap:wrap;justify-content:flex-end}
.section-add{width:42px;height:42px;display:grid;place-items:center;padding:0;background:#303b28;color:var(--green);flex:none}.section-add svg{width:21px;height:21px}.account-detail-actions{display:flex;gap:12px;margin-top:24px}.detail-icon{width:48px;height:48px;border-radius:50%;background:#2c3328;border:1px solid #3b4533;display:grid;place-items:center;color:var(--text)}.detail-icon svg{width:22px;height:22px}.account-original-name{margin-top:10px;color:var(--muted);font-size:12px}.transaction-history{padding-top:8px;padding-bottom:8px}.account-group-summary{display:grid;gap:3px;padding:2px 0 18px;border-bottom:1px solid var(--line);color:var(--muted)}.account-group-summary strong{font-size:32px;color:var(--text)}.account-group-row{width:100%;text-align:left;background:transparent}.account-group-row .bankicon{margin:0;flex:none}.account-group-row>svg{width:18px;color:var(--muted)}
.data-reminders{display:grid;gap:8px;margin:-10px 0 20px}.data-reminder{display:flex;align-items:center;gap:14px;background:#34201e;border:1px solid #6f3b36;border-radius:14px;padding:10px 12px 10px 14px;color:#ffd4ce}.data-reminder>div{display:grid;min-width:0;flex:1}.data-reminder strong{font-size:13px}.data-reminder span{font-size:11px;color:#ddb4ae}.data-reminder button{flex:none;background:#56302c;border-radius:9px;padding:8px 11px;font-size:12px}.account-balance-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.account-balance-actions button{background:#303a2a;color:var(--green);border:1px solid #46543b;border-radius:10px;padding:9px 12px;font-size:12px}.account-performance{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:13px 14px;background:#22291f;border-radius:13px}.account-performance>span{display:grid;font-size:12px}.account-performance small{font-size:10px}.account-performance-hint{font-size:11px;color:var(--muted);margin-top:15px}.crypto-holdings{display:grid;margin-top:17px}.crypto-holdings>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.crypto-holdings>div:last-child{border:0}.crypto-holdings span{display:grid}.crypto-holdings small{font-size:10px;color:var(--muted)}.crypto-assets{display:grid;gap:10px}.crypto-asset-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px;gap:8px;align-items:start;padding:11px;background:#181d16;border:1px solid var(--line);border-radius:13px}.crypto-asset-row label{min-width:0}.crypto-custom-symbol{margin-top:7px}.crypto-remove{width:34px;height:34px;display:grid;place-items:center;margin-top:28px;border-radius:50%;background:#2d332a;color:var(--muted)}.crypto-remove svg{width:17px}.crypto-add{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.crypto-add svg{width:18px}
#pull-refresh{--pull:0px;position:fixed;z-index:12;top:8px;left:50%;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#2b3725;border:1px solid #4b5d3f;color:var(--green);opacity:0;pointer-events:none;transform:translate(-50%,calc(-52px + var(--pull)));transition:opacity .12s,transform .12s}#pull-refresh.visible{opacity:1}#pull-refresh span{font-size:20px;line-height:1;transition:transform .15s}#pull-refresh.ready span{transform:rotate(180deg)}#pull-refresh.refreshing span{font-size:0;width:17px;height:17px;border:2px solid #637356;border-top-color:var(--green);border-radius:50%;animation:pull-spin .7s linear infinite}@keyframes pull-spin{to{transform:rotate(360deg)}}
button{-webkit-tap-highlight-color:transparent}button:focus,button:focus-visible{outline:none;box-shadow:none}.transaction-row{width:100%;text-align:left;background:transparent}.transaction-row>svg{width:17px;color:var(--muted);flex:none}.transaction-detail{display:grid;gap:16px}.transaction-detail-amount{font-size:34px;font-weight:650;letter-spacing:-1px}.transaction-detail dl{display:grid;margin:0}.transaction-detail dl>div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid var(--line)}.transaction-detail dt{color:var(--muted);font-size:12px}.transaction-detail dd{margin:0;text-align:right;font-size:13px;overflow-wrap:anywhere}.transaction-raw{background:#171c15;border-radius:12px;padding:12px 14px;color:var(--muted);font-size:12px}.transaction-raw p{margin-top:9px;color:var(--text);overflow-wrap:anywhere}.transaction-edit{margin-top:3px}.checkline{display:flex;align-items:center;gap:9px;color:var(--text)}.checkline input{width:19px;height:19px;min-height:0;margin:0}.transaction-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px;padding:14px 18px}.filter-dates{display:grid;grid-template-columns:1fr 1fr;gap:8px}.transaction-filters details{position:relative;justify-self:start}.transaction-filters summary{list-style:none;cursor:pointer;padding:7px 11px;border:1px solid #3b4533;border-radius:999px;background:#272e24;white-space:nowrap;font-size:12px;line-height:1.2}.transaction-filters summary::-webkit-details-marker{display:none}.transaction-filters summary span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:4px;border-radius:10px;background:#3c4c30;color:var(--green);font-size:10px}.filter-options{position:absolute;z-index:4;top:calc(100% + 7px);right:0;width:260px;max-height:280px;overflow:auto;padding:9px;background:#20261e;border:1px solid #46543b;border-radius:13px;box-shadow:0 12px 32px #0008}.filter-options label{display:flex;align-items:center;gap:9px;padding:8px;color:var(--text)}.filter-options input{width:18px;height:18px;min-height:0;margin:0}.filter-reset{margin-left:auto;white-space:nowrap}
@media(max-width:720px){.main{padding-top:24px}.top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.toolbar{display:grid;grid-template-columns:auto auto;align-items:center}.toolbar .primary{max-width:190px;white-space:normal;line-height:1.2}.limits-card .sectionhead{display:grid;gap:14px}.limits-card .section-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.limits-card .section-actions button{min-width:0;padding:10px 8px}.permission-row{grid-template-columns:minmax(0,1fr) auto}.permission-row .secondary{grid-column:1/-1;width:100%}.category-manage-row{min-width:0}.category-manage-row strong{overflow-wrap:anywhere}.category-list+.primary{min-height:48px}.profile-identity{padding:16px}.financial-guide .plan-cta{font-size:14px}.data-reminder{align-items:flex-start}.data-reminder button{align-self:center}.account-performance{align-items:flex-start}.account-performance>strong{text-align:right}.crypto-asset-row{grid-template-columns:minmax(0,1fr) minmax(0,.85fr) 32px;gap:7px}.transaction-filters{padding:14px}.transaction-filters details summary{text-align:center}.filter-options{position:fixed;z-index:8;left:18px;right:18px;top:auto;width:auto;max-height:42vh}.filter-reset{margin-left:0}.transaction-detail-amount{font-size:30px}}

.detail-header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;margin-bottom:24px}.detail-header h1{text-align:center;font-size:20px;letter-spacing:-.35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-back{width:42px;height:42px;display:grid;place-items:center}.detail-back svg{width:24px}.account-detail-page,.account-group-page,.transaction-detail-page{max-width:720px;margin:0 auto;display:grid;gap:18px}.account-detail-hero,.account-group-hero,.transaction-identity{text-align:center;padding:22px 20px}.account-detail-hero .bankicon,.account-group-hero .bankicon{margin:0 auto 16px;width:62px;height:62px;border-radius:20px;font-size:27px}.account-detail-hero .bankicon svg,.account-group-hero .bankicon svg{width:31px;height:31px}.account-detail-hero .capital{margin-top:2px}.account-balance-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.account-balance-actions button{background:#293321;color:var(--green);border-radius:13px;padding:11px 15px}.detail-section{padding:20px}.account-group-hero{display:grid;justify-items:center;gap:3px}.account-group-hero>span,.account-group-hero>small{color:var(--muted)}.account-group-hero>strong{font-size:38px;letter-spacing:-1.5px}.account-group-list{padding-top:8px;padding-bottom:8px}.transaction-identity{display:grid;justify-items:center;gap:10px}.transaction-main-icon{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;font-size:39px;margin-bottom:6px}.transaction-identity h2{font-size:24px}.transaction-category-pill{border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.transaction-detail-amount{font-size:46px;font-weight:560;letter-spacing:-1.8px;margin-top:10px}.transaction-status{color:var(--muted);font-size:12px}.transaction-account-card,.transaction-facts,.transaction-similar{padding:20px}.transaction-account-card .sectionhead{margin-bottom:2px}.transaction-destination{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font-size:12px}.transaction-similar p{margin-top:5px;color:var(--muted)}.transaction-facts dl{display:grid;margin:0}.transaction-facts dl>div{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid var(--line)}.transaction-facts dl>div:last-child{border:0}.transaction-facts dt{color:var(--muted);font-size:12px}.transaction-facts dd{margin:0;text-align:right;font-size:13px;overflow-wrap:anywhere}.transaction-detail-page>.transaction-edit{justify-self:center;width:auto;min-width:190px;margin:0 0 10px;display:flex;align-items:center;justify-content:center;gap:8px}
@media(max-width:720px){.detail-header{margin-bottom:12px}.detail-header h1{font-size:17px}.account-detail-page,.account-group-page,.transaction-detail-page{gap:14px}.account-detail-hero,.account-group-hero,.transaction-identity{padding:14px 12px}.transaction-main-icon{width:76px;height:76px;font-size:33px}.transaction-identity h2{font-size:21px}.transaction-detail-amount{font-size:39px}.account-detail-hero .capital{font-size:39px}.transaction-account-card,.transaction-facts,.transaction-similar,.detail-section{padding:17px}}
.filter-pill{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid #3b4533;border-radius:999px;background:#272e24;color:var(--text);font-size:12px;line-height:1.2}.filter-pill span{color:var(--green);font-size:10px}.range-calendar{display:grid;gap:14px}.calendar-nav{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:8px}.calendar-nav strong{text-align:center;text-transform:capitalize}.calendar-nav .iconbutton{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#293126;color:var(--green)}.calendar-nav svg{width:18px}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);align-items:center}.calendar-weekdays span{text-align:center;color:var(--muted);font-size:10px;padding:5px 0}.calendar-days{row-gap:5px}.calendar-days button,.calendar-blank{aspect-ratio:1;min-width:0}.calendar-days button{position:relative;display:grid;place-items:center;padding:0;border-radius:50%;background:transparent;font-size:13px;z-index:0}.calendar-days button:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:50%}.calendar-days button.range-between{border-radius:0;background:#314127;color:#e4f5ce}.calendar-days button.range-start:before,.calendar-days button.range-end:before{background:var(--green)}.calendar-days button.range-start,.calendar-days button.range-end{color:#17200d;font-weight:700}.calendar-days button.range-start.has-range:not(.range-end){border-radius:50% 0 0 50%;background:linear-gradient(90deg,transparent 50%,#314127 50%)}.calendar-days button.range-end:not(.range-start){border-radius:0 50% 50% 0;background:linear-gradient(90deg,#314127 50%,transparent 50%)}.calendar-days button:disabled{color:#50564d}.calendar-selection{text-align:center;min-height:20px;color:#cbd2c4;font-size:12px}.calendar-clear{justify-self:center}
[hidden]{display:none!important}input[type="checkbox"]{accent-color:var(--green)}

.metric-button{text-align:left;color:var(--text);width:100%}.metric-button:active{filter:brightness(1.08)}

.bankicon svg{width:21px;height:21px;stroke-width:1.9}
.import-picker{display:grid;gap:16px;min-width:0}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.import-dropzone{min-height:190px;border:1.5px dashed #536345;border-radius:20px;background:linear-gradient(145deg,#252d21,#1a2018);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;cursor:pointer;color:var(--text)}.import-dropzone:active{filter:brightness(1.1)}.import-file-icon{width:54px;height:54px;border-radius:18px;background:#35452c;color:var(--green);display:grid;place-items:center;margin-bottom:13px}.import-file-icon svg{width:27px;height:27px}.import-dropzone strong{font-size:18px}.import-dropzone>span:nth-of-type(2){max-width:310px;color:var(--muted);font-size:12px;margin:5px 0 14px}.import-dropzone em{font-style:normal;border-radius:999px;background:var(--green);color:#17200d;padding:8px 16px;font-size:12px;font-weight:700}.import-selected{display:flex;align-items:center;gap:12px;border:1px solid #435337;background:#252d21;border-radius:15px;padding:12px 14px;min-width:0;max-width:100%;overflow:hidden}.import-selected-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#35452c;color:var(--green);font-size:11px;font-weight:800;flex:0 0 42px}.import-selected .grow{min-width:0;overflow:hidden}.import-selected strong,.import-selected small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-selected strong{font-size:13px}.import-selected small{font-size:10px}.import-selected>svg{width:18px;flex:0 0 18px;color:var(--muted)}.import-explainer{border-radius:15px;background:#171c15;padding:14px 16px}.import-explainer strong{font-size:13px}.import-explainer p{font-size:11px;color:var(--muted);margin-top:4px}
.pill.negative-pill{background:#472925;color:#ff9f94}

/* Full-page import and portfolio flows */
.import-page,.import-review-page,.crypto-portfolio-page{max-width:720px;margin:0 auto;display:grid;gap:16px}.import-page-submit{justify-self:end;min-width:220px}.import-review-summary{padding-bottom:14px;border-bottom:1px solid var(--line)}.import-review-summary p{margin-top:5px;color:var(--muted);font-size:12px}
.crypto-portfolio-summary{display:grid;justify-items:center;gap:5px;padding:16px 12px 4px;color:var(--muted)}.crypto-portfolio-summary>strong{color:var(--text);font-size:40px;letter-spacing:-1.5px}.crypto-rate{font-size:11px;color:var(--muted);text-align:center}.crypto-portfolio-list{padding:20px;overflow:hidden}.crypto-portfolio-list .sectionhead{margin-bottom:12px}.crypto-portfolio-list .sectionhead small{font-size:10px}.crypto-holding-swipe{position:relative;overflow:hidden;border-radius:15px;margin-top:9px}.crypto-swipe-actions{position:absolute;inset:0 0 0 auto;display:flex;align-items:center;gap:8px;padding:0 10px}.crypto-swipe-actions button{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#303a2a;color:var(--green)}.crypto-swipe-actions button[data-delete-crypto]{background:#492c29;color:#ff9f94}.crypto-swipe-actions svg{width:19px;height:19px}.crypto-holding-display{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:12px 14px;border:1px solid var(--line);border-radius:15px;background:#20261e;transition:transform .2s ease}.crypto-holding-swipe.revealed .crypto-holding-display{transform:translateX(-108px)}.crypto-holding-display>span{display:grid;min-width:0}.crypto-holding-display>span:last-child{text-align:right}.crypto-holding-display small{font-size:10px;color:var(--muted)}.crypto-inline-editor{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:14px;border:1px solid #4a593e;border-radius:15px;background:#20261e}.crypto-inline-editor .crypto-editor-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.crypto-inline-editor button{min-height:40px}.crypto-portfolio-add{width:46px;height:46px;margin:16px auto 0;border-radius:50%;display:grid;place-items:center;background:#303b28;color:var(--green)}.crypto-portfolio-add svg{width:22px;height:22px}

/* Account management belongs before account-specific content. */
.account-management{padding:16px 18px}.account-management .sectionhead{margin-bottom:12px}.account-balance-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.account-balance-actions.crypto-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.account-balance-actions button{min-height:46px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 12px;line-height:1.2}.account-detail-page>.account-performance{margin:0;align-items:center;padding:18px 20px;background:var(--card);border:1px solid var(--line);border-radius:20px}.account-detail-page>.account-performance>strong{text-align:right;white-space:nowrap}

@media(max-width:720px){.import-page-submit{justify-self:stretch;width:100%}.crypto-portfolio-summary>strong{font-size:34px}.crypto-portfolio-list{padding:16px}.crypto-inline-editor{grid-template-columns:1fr}.crypto-inline-editor .crypto-editor-actions{grid-column:1}.account-management{padding:15px}.account-balance-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.account-balance-actions button{font-size:11px;padding:9px 6px}.account-detail-page>.account-performance{align-items:center;padding:16px}.account-detail-page>.account-performance>span{max-width:62%}}

.portfolio-draft{position:relative;margin-top:10px}.portfolio-draft .crypto-inline-editor{padding-right:54px}.draft-remove{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#342a28;color:#ff9f94}.draft-remove svg{width:17px}.portfolio-save-drafts{justify-self:stretch;min-height:50px}.capital-breakdown{display:block;margin:0 0 10px;color:#b8c0b2}.credit-section-title{margin-top:6px}.credit-section-title>strong{font-size:14px}.credit-account .bankicon,.credit-list .bankicon{background:#432d2a!important;color:#ff9f94!important}.credit-list{margin-top:20px}.credit-accounts{margin-bottom:28px}.account-list-section>.sectionhead{min-height:46px}.account-list-section>.sectionhead small{display:block;margin-top:3px}.account-operation-history>.sectionhead{margin-top:8px}
@media(max-width:720px){.portfolio-draft .crypto-inline-editor{padding-right:48px}.draft-remove{right:8px;top:8px}.capital-breakdown{font-size:10px}.credit-section-title{margin-top:2px}}
.hero.negative-capital{background:linear-gradient(120deg,#38231f,#251917 70%);border-color:#684039}.hero.negative-capital .label,.hero.negative-capital .chartlabels{color:#d9b4ae}
.transaction-detail-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 10px}.transaction-detail-actions .transaction-edit,.transaction-detail-actions .transaction-delete{width:auto;min-width:170px;margin:0;display:flex;align-items:center;justify-content:center;gap:8px}.transaction-detail-actions .transaction-delete{color:#ff9b90;border-color:#68413b;background:#302421}
.plan-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:20px;align-items:start}.plan-main{display:grid;gap:20px}.required-payment-list{display:grid;gap:2px}.required-payment-row,.required-payment-total,.required-payment-manage-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.required-payment-total{border:0;padding-top:16px}.required-payment-manager{display:grid;gap:8px}.required-payment-manage-row>span{display:grid;gap:3px}.required-payment-manage-row small{color:var(--muted)}.required-payment-manage-row .iconbutton{flex:none}.negative-plan{border-color:#6b3d37;color:#ffb0a6;background:#352420}@media(max-width:900px){.plan-layout{grid-template-columns:1fr}}
