/* Mobile application shell — presentation only, business logic remains in app.js. */
.mobile-only,.mobile-label,.mobile-more-page{display:none}

@media (max-width:680px){
  :root{--mobile-gutter:16px;--mobile-nav:72px;--mobile-radius:20px}
  html{scroll-padding-bottom:calc(var(--mobile-nav) + env(safe-area-inset-bottom) + 12px)}
  body{padding-bottom:calc(var(--mobile-nav) + env(safe-area-inset-bottom) + 18px);background:var(--bg);font-size:14px}
  .mobile-only{display:flex}
  .desktop-label{display:none!important}.mobile-label{display:inline!important}

  main{padding:0 var(--mobile-gutter) 28px}
  .topbar{min-height:84px;padding-top:env(safe-area-inset-top);border-bottom:1px solid transparent}
  .topbar>div:first-child{min-width:0}.topbar h1{overflow:hidden;font-size:21px;text-overflow:ellipsis;white-space:nowrap}
  .topbar .eyebrow{font-size:10px;letter-spacing:.12em}
  .top-actions{display:none}
  body[data-page="dashboard"] .topbar{display:none}

  .sidebar{z-index:40;height:calc(var(--mobile-nav) + env(safe-area-inset-bottom));padding:5px 10px env(safe-area-inset-bottom);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 -8px 30px rgb(var(--brand-shadow-rgb) / .07);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
  .sidebar .nav{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px}
  .nav-item{min-width:0;min-height:60px;border-radius:14px!important;font-size:11px!important;font-weight:600}
  .nav-item[data-page="parser"],.nav-item[data-page="accounts"],.nav-item[data-page="platform"],.nav-item[data-page="users"]{display:none!important}
  .nav-item[data-page="more"]{display:flex}
  .nav-item>span:nth-child(2){display:block!important;line-height:1.1}
  .nav-item svg{width:21px!important;height:21px!important}
  .nav-item:before{display:none}
  .nav-item.active{background:color-mix(in srgb,var(--accent) 10%,transparent)!important;color:var(--accent)!important}
  .nav-item:active{background:color-mix(in srgb,var(--accent) 16%,transparent)!important;transform:scale(.97)}
  .badge{top:4px;right:calc(50% - 22px);min-width:18px;padding:1px 5px;font-size:9px}

  .page.active{animation:mobile-page-in .22s var(--ease) both}
  @keyframes mobile-page-in{from{opacity:0;transform:translateY(6px)}}
  .mobile-home-head{align-items:center;justify-content:space-between;padding:calc(16px + env(safe-area-inset-top)) 2px 14px}
  .mobile-home-head>div{display:grid;gap:2px}.mobile-home-head .mobile-date{color:var(--muted);font-size:11px}.mobile-home-head strong{font:600 23px var(--heading);letter-spacing:-.04em}
  .mobile-avatar{width:48px;height:48px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:16px;background:linear-gradient(145deg,var(--brand-panel-end),var(--brand-panel-mid));color:var(--brand-panel-accent);box-shadow:0 10px 24px rgb(var(--brand-shadow-rgb) / .16)}
  .mobile-avatar svg{width:21px}
  .mobile-status-card{align-items:center;gap:11px;margin-bottom:14px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--success) 22%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--success) 6%,var(--surface))}
  .mobile-status-dot{width:10px;height:10px;flex:none;border:2px solid var(--surface);border-radius:50%;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 14%,transparent)}
  .mobile-status-card div{min-width:0;flex:1}.mobile-status-card strong,.mobile-status-card small{display:block}.mobile-status-card strong{font-size:12px}.mobile-status-card small{margin-top:3px;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
  .mobile-status-card button{min-height:44px;padding:0 4px;border:0;background:transparent;color:var(--primary);font-size:11px;font-weight:700}

  #dashboard>.toolbar{margin-bottom:12px;padding:5px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
  #dashboard>.toolbar .segment{width:100%;border:0;background:transparent}
  #dashboard>.toolbar .segment button{min-height:42px;border-radius:11px}
  #dashboard>.toolbar .date-range,#dashboard>.toolbar #exportBtn{display:none}
  .metrics{grid-template-columns:1fr 1fr!important;gap:10px;margin-bottom:12px}
  .metric{min-height:118px!important;padding:16px 15px!important;border-radius:18px;box-shadow:none}
  .metric:first-child{grid-column:1/-1;min-height:142px!important;padding:20px!important;background:linear-gradient(145deg,var(--brand-panel-mid),var(--brand-panel-end));color:#fff;border:0;box-shadow:0 16px 34px rgb(var(--brand-shadow-rgb) / .17)}
  .metric:first-child small,.metric:first-child span{color:#b8c7d5}.metric:first-child strong{margin:13px 0 7px;font-size:28px!important;color:#fff}
  .metric:before{width:3px}.metric:first-child:before{display:none}.metric:first-child:after{width:140px;height:140px;right:-50px;top:-62px;background:rgb(var(--brand-glow-rgb) / .12);box-shadow:0 0 0 28px rgba(255,255,255,.025)}
  .metric strong{margin-top:9px;font-size:17px!important}.metric span{font-size:10px}

  .dashboard-grid{gap:12px}.card,.account-mini,.tx-row{border-radius:var(--mobile-radius);box-shadow:none}
  .chart-card,.review-card,.account-overview,.account-detail-card,.compose-card,.result-card,.ops-card{padding:17px!important}
  .card-head h2{font-size:15px}.card-head p{font-size:11px;line-height:1.5}
  .chart{height:170px}.review-card{margin-top:0}
  .account-overview,.account-detail-card{margin-top:12px}
  .account-cards{display:flex;gap:11px;overflow-x:auto;scroll-snap-type:x proximity;padding:1px 1px 8px;margin-right:-17px;scrollbar-width:none}
  .account-cards::-webkit-scrollbar{display:none}.account-mini{min-width:min(84vw,330px);scroll-snap-align:start;padding:17px;background:var(--surface)}
  .account-detail-link{min-height:48px;border-radius:12px}
  .account-detail-filters{gap:10px;padding:13px;border-radius:15px}.account-detail-summary{gap:8px}.account-detail-summary>div{border-radius:13px}
  .account-detail-row{min-height:96px;border-radius:0}.detail-amount{padding-left:8px}

  .section-heading{margin:0 0 14px}.section-heading h2{font-size:19px}.section-heading p{font-size:11px;line-height:1.55}
  .section-heading>.button{min-height:48px}
  .toolbar.compact{gap:8px;padding:12px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
  .toolbar.compact select{min-height:48px}.toolbar.compact .check{min-height:44px}
  .toolbar.compact #autoReconcileBtn{min-height:100%;border-radius:13px}
  .tx-row{padding:15px;border-radius:17px}.tx-row>.button{min-height:44px}.tx-copy strong,.tx-copy small{white-space:normal}
  .reconcile-result{border-radius:16px}

  .split-layout{gap:12px}.compose-card form{gap:16px}.compose-card textarea{min-height:180px}.form-actions .button{min-height:48px}
  .table-card{border-radius:17px}.permission-guide>div{min-height:64px;border-radius:15px}
  .ops-grid{gap:12px}.collection-calendar{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px}.collection-day{min-width:94px;scroll-snap-align:start;border-radius:14px}
  .compact-list,.reconcile-account{border-radius:15px}.statement-form{gap:13px}.statement-form input,.statement-form select{min-height:48px}

  dialog{inset:auto 0 0!important;width:100%;max-width:none;max-height:92dvh;margin:0;padding:20px var(--mobile-gutter) calc(18px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:26px 26px 0 0}
  dialog[open]{animation:sheet-in .24s var(--ease) both}
  @keyframes sheet-in{from{opacity:0;transform:translateY(22px)}}
  dialog .dialog-head{position:sticky;top:-20px;z-index:2;margin:-20px calc(var(--mobile-gutter) * -1) 0;padding:20px var(--mobile-gutter) 12px;background:var(--surface)}
  dialog .dialog-head:before{content:"";position:absolute;top:7px;left:50%;width:38px;height:4px;border-radius:99px;background:var(--border-strong);transform:translateX(-50%)}
  dialog input,dialog select{min-height:50px}.raw-preview{max-height:130px;overflow:auto}

  .mobile-more-page.active{display:block;padding-top:calc(18px + env(safe-area-inset-top))}
  .mobile-profile-card{display:flex;align-items:center;gap:13px;padding:18px;border-radius:20px;background:linear-gradient(145deg,var(--brand-panel-mid),var(--brand-panel-end));color:#fff;box-shadow:0 16px 34px rgb(var(--brand-shadow-rgb) / .16)}
  .mobile-profile-icon{width:48px;height:48px;display:grid;place-items:center;flex:none;border-radius:15px;background:rgba(255,255,255,.1);color:var(--brand-panel-accent)}.mobile-profile-icon svg{width:22px}
  .mobile-profile-card>div{min-width:0;flex:1}.mobile-profile-card strong,.mobile-profile-card small{display:block}.mobile-profile-card strong{font:600 16px var(--heading)}.mobile-profile-card small{margin-top:3px;color:#afc0cf;font-size:11px}
  .mobile-profile-state{display:flex;align-items:center;gap:5px;color:#afc0cf;font-size:9px}.mobile-profile-state i{width:7px;height:7px;border-radius:50%;background:#55c6a2}
  .mobile-menu-group{overflow:hidden;margin-top:14px;border:1px solid var(--border);border-radius:20px;background:var(--surface)}
  .mobile-menu-group>p{margin:0;padding:14px 16px 8px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em}
  .mobile-menu-group>button,.mobile-menu-group>a{width:100%;min-height:72px;display:flex;align-items:center;gap:12px;padding:11px 15px;border:0;border-top:1px solid var(--border);background:transparent;color:var(--text);text-align:left}
  .mobile-menu-group>p+button,.mobile-menu-group>p+a{border-top:0}.mobile-menu-group>button:active,.mobile-menu-group>a:active{background:var(--surface-2)}
  .menu-icon{width:40px;height:40px;display:grid;place-items:center;flex:none;border-radius:13px;background:color-mix(in srgb,var(--primary) 8%,var(--surface-2));color:var(--primary)}.menu-icon svg{width:19px}
  .mobile-menu-group>button>span:nth-child(2),.mobile-menu-group>a>span:nth-child(2){min-width:0;flex:1}.mobile-menu-group strong,.mobile-menu-group small{display:block}.mobile-menu-group strong{font-size:13px}.mobile-menu-group small{margin-top:3px;color:var(--muted);font-size:10px}
  .mobile-menu-group>button>i,.mobile-menu-group>a>i{width:17px;color:var(--muted)}.mobile-menu-group>button>i svg,.mobile-menu-group>a>i svg{width:17px}
  .mobile-menu-group .danger-row strong,.mobile-menu-group .danger-row .menu-icon{color:var(--danger)}
  .mobile-version{margin:20px 0 0;color:var(--muted);font-size:10px;text-align:center}

  .login-body{padding:0;background:var(--brand-panel-mid)}.login-shell{min-height:100dvh;background:var(--bg)}
  .login-intro{padding:calc(24px + env(safe-area-inset-top)) 20px 52px;background:radial-gradient(circle at 100% 0,rgb(var(--brand-glow-rgb) / .18),transparent 18rem),linear-gradient(145deg,var(--brand-panel-start),var(--brand-panel-end))}
  .login-intro:after{width:240px;height:240px;right:-150px;top:-100px}.login-brand .brand-mark{width:42px;height:42px}
  .login-intro-copy{margin:38px 0 0}.login-intro-copy h1{font-size:30px}.login-intro-copy>p:last-child{color:#b9c8d6;font-size:13px}
  .login-panel{position:relative;margin-top:-22px;padding:30px 20px calc(38px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;transform:none}
  .login-heading h2{font-size:27px}.login-heading p{font-size:12px}.login-form{gap:18px}.login-form label{font-size:12px}.login-form input{min-height:52px;border-radius:12px;font-size:16px}
  .password-field button{top:4px;width:44px;height:44px}.login-submit{min-height:54px;border-radius:12px}
}

@media (max-width:380px){
  :root{--mobile-gutter:13px}.metrics{gap:8px}.metric{padding:14px 13px!important}.metric:first-child{padding:18px!important}.mobile-status-card button{display:none}.account-detail-summary{grid-template-columns:1fr 1fr!important}
}

@media (max-width:680px) and (orientation:landscape){
  :root{--mobile-nav:64px}.mobile-home-head{padding-top:calc(10px + env(safe-area-inset-top))}.metrics{grid-template-columns:repeat(4,1fr)!important}.metric:first-child{grid-column:auto;min-height:118px!important;padding:16px!important}.metric:first-child strong{font-size:18px!important}.mobile-status-card{padding-block:9px}.login-shell{display:grid;grid-template-columns:.9fr 1.1fr}.login-intro{min-height:100dvh;padding:22px}.login-intro-copy{margin:auto 0}.login-panel{min-height:100dvh;margin:0;border-radius:24px 0 0 24px;padding:24px}.login-intro-copy h1{font-size:25px}.login-intro-copy>p:last-child{font-size:11px}.login-heading{margin-bottom:16px}.login-security-note{margin-top:13px}.login-form-wrap footer{margin-top:12px}
}

@media (prefers-reduced-motion:reduce){.page.active,dialog[open]{animation:none!important}.nav-item:active{transform:none}}

/* --------------------------------------------------------------------------
   Refined financial workspace — 2026-10-23
   Presentation-only overrides. Existing IDs, routes, forms and data hooks stay
   untouched so the established business behaviour remains exactly the same.
   -------------------------------------------------------------------------- */
:root{
  --bg:#f3f5f4;
  --surface:#ffffff;
  --surface-2:#f8f9f8;
  --surface-3:#eef1f0;
  --text:#101a25;
  --muted:#607080;
  --border:#dde3e2;
  --border-strong:#cbd4d3;
  --primary:var(--brand-panel-mid);
  --primary-2:var(--brand-panel-end);
  --accent:var(--brand-violet);
  --accent-hover:var(--brand-violet);
  --sidebar:var(--brand-panel-start);
  --sidebar-muted:#9cb0bc;
  --shadow-sm:0 1px 2px rgb(var(--brand-shadow-rgb) / .04),0 8px 24px rgb(var(--brand-shadow-rgb) / .035);
  --shadow:0 18px 45px rgb(var(--brand-shadow-rgb) / .08);
  --shadow-lg:0 32px 90px rgb(var(--brand-shadow-rgb) / .22);
  --radius:20px;
  --radius-sm:14px;
  --ease:cubic-bezier(.22,.8,.22,1);
  --motion-fast:160ms;
  --motion-base:240ms;
}
[data-theme=dark]{
  --bg:var(--brand-panel-start);
  --surface:var(--brand-panel-start);
  --surface-2:var(--brand-panel-mid);
  --surface-3:var(--brand-panel-mid);
  --text:#f1f5f4;
  --muted:#aec0c8;
  --border:var(--brand-panel-end);
  --border-strong:var(--brand-violet);
  --primary:var(--brand-panel-accent);
  --primary-2:var(--brand-panel-accent);
  --accent:var(--brand-panel-accent);
  --accent-hover:var(--brand-panel-accent);
  --sidebar:var(--brand-panel-start);
  --sidebar-muted:#98afba;
  --shadow-sm:0 1px 2px rgba(0,0,0,.18),0 10px 28px rgba(0,0,0,.12);
  --shadow:0 20px 55px rgba(0,0,0,.23);
  --shadow-lg:0 34px 100px rgba(0,0,0,.48);
}

html{scrollbar-gutter:stable}
body{
  background:
    radial-gradient(circle at 82% -8%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 34rem),
    linear-gradient(135deg,color-mix(in srgb,var(--primary) 2.5%,var(--bg)),var(--bg) 45%);
  font-size:15px;
  line-height:1.55;
}
button,a,input,select,textarea{touch-action:manipulation}
.skip-link{position:fixed;z-index:1100;top:10px;left:10px;padding:10px 14px;border-radius:10px;background:var(--text);color:var(--surface);transform:translateY(-160%);transition:transform var(--motion-fast) var(--ease)}
.skip-link:focus{transform:translateY(0)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:99px;background:color-mix(in srgb,var(--muted) 38%,transparent);background-clip:padding-box}
::-webkit-scrollbar-track{background:transparent}

.app-shell{grid-template-columns:274px minmax(0,1fr)}
.sidebar{
  width:274px;
  padding:28px 20px 22px;
  background:
    radial-gradient(circle at 8% 94%,rgb(var(--brand-glow-rgb) / .17),transparent 18rem),
    radial-gradient(circle at 110% 12%,rgb(var(--brand-glow-rgb) / .22),transparent 20rem),
    var(--sidebar);
  border-right:1px solid rgba(255,255,255,.075);
  box-shadow:18px 0 50px rgb(var(--brand-shadow-rgb) / .06);
}
.sidebar:before{content:"";position:absolute;inset:auto -118px -110px auto;width:270px;height:270px;border:1px solid rgba(255,255,255,.055);border-radius:50%;box-shadow:0 0 0 44px rgba(255,255,255,.022),0 0 0 88px rgba(255,255,255,.014);pointer-events:none}
.sidebar:after{display:none}
.brand{gap:14px;padding:0 10px;min-height:52px}
.brand-mark{width:44px;height:44px;border-radius:14px;border-color:rgba(255,255,255,.22);background:linear-gradient(145deg,var(--brand-panel-accent) 0%,var(--brand-violet) 78%);box-shadow:0 12px 28px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.32);font-size:19px}
.brand strong{font-size:18px;letter-spacing:.05em}.brand small{margin-top:3px;font-size:10px;letter-spacing:.08em}
.nav{gap:6px;margin-top:44px}.nav:before{content:"资金工作台"!important;margin:0 14px 9px!important;color:#6d8795!important;font-size:9px!important;letter-spacing:.18em!important}
.nav-item{min-height:50px;gap:13px;padding:0 15px;border-radius:14px;color:#9fb2bd;font-size:13px;font-weight:500;transition:background var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease)}
.nav-item:before{left:-20px;width:3px;height:26px;background:linear-gradient(var(--brand-panel-accent),var(--brand-violet));box-shadow:0 0 16px rgb(var(--brand-glow-rgb) / .4)}
.nav-item:hover{background:rgba(255,255,255,.065)}
.nav-item.active{border-color:rgba(255,255,255,.1);background:linear-gradient(90deg,rgba(255,255,255,.125),rgba(255,255,255,.06));box-shadow:inset 0 1px rgba(255,255,255,.055);color:#fff}
.nav-item svg{width:19px;height:19px;stroke-width:1.8}.badge{box-shadow:0 0 0 3px rgba(197,72,64,.15)}
.privacy-note{padding:16px;border-radius:17px;border-color:rgba(255,255,255,.11);background:rgba(255,255,255,.055);box-shadow:inset 0 1px rgba(255,255,255,.035)}
.privacy-note strong{font-size:12px}.privacy-note small{font-size:10px}

main{grid-column:2;padding:0 clamp(24px,3.25vw,58px) 72px}
.topbar{position:relative;z-index:10;min-height:112px;max-width:1600px}
.topbar:after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);opacity:.72}
.eyebrow{margin-bottom:7px;color:var(--accent);font-size:10px;letter-spacing:.2em}
.topbar h1{font-size:clamp(23px,2vw,30px);font-weight:650;letter-spacing:-.045em}
.top-actions{gap:9px}.sync-state{min-height:40px;padding:0 13px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 84%,transparent);box-shadow:var(--shadow-sm);backdrop-filter:blur(12px)}
.sync-state i{width:7px;height:7px;animation:status-pulse 2.6s ease-in-out infinite}
@keyframes status-pulse{50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--income) 5%,transparent)}}
.user-chip{min-height:46px;padding:5px 12px 5px 7px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--surface)!important;box-shadow:var(--shadow-sm)}
.user-chip>span:first-child{width:34px!important;height:34px!important;border-radius:10px!important;background:color-mix(in srgb,var(--accent) 11%,var(--surface-2))!important;color:var(--accent)!important}
.icon-btn,.button{border-radius:12px}.icon-btn{box-shadow:var(--shadow-sm)}

.page{max-width:1600px}.page.active{animation:refined-page-in .34s var(--ease) both}
@keyframes refined-page-in{from{opacity:0;transform:translateY(10px)}}
.desktop-command-hero{
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
  min-height:250px;
  gap:42px;
  margin:26px 0 22px;
  padding:38px 42px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:28px;
  background:
    radial-gradient(circle at 84% 12%,rgb(var(--brand-glow-rgb) / .23),transparent 18rem),
    radial-gradient(circle at 38% 125%,rgb(var(--brand-glow-rgb) / .32),transparent 26rem),
    linear-gradient(135deg,var(--brand-panel-start) 0%,var(--brand-panel-mid) 57%,var(--brand-panel-end) 100%);
  box-shadow:0 28px 70px rgb(var(--brand-shadow-rgb) / .2),inset 0 1px rgba(255,255,255,.07);
}
.desktop-command-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.03),transparent 38%);pointer-events:none}
.desktop-command-hero:after{width:310px;height:310px;right:-130px;bottom:-230px;border-color:rgba(255,255,255,.11);box-shadow:0 0 0 48px rgba(255,255,255,.025),0 0 0 96px rgba(255,255,255,.015)}
.command-kicker{font-size:10px;letter-spacing:.18em;color:var(--brand-panel-accent)}.command-copy h2{margin:16px 0 13px;font-size:clamp(31px,2.7vw,44px);line-height:1.16;letter-spacing:-.055em}.command-copy p{max-width:680px;color:#b7c8d1;font-size:13px;line-height:1.75}
.command-actions{gap:11px}.command-action{min-height:82px;padding:13px 15px;border-radius:18px;border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.06);box-shadow:inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(10px)}
.command-action:hover{transform:none;border-color:rgb(var(--brand-glow-rgb) / .35);background:rgba(255,255,255,.105)}
.command-action.primary{border-color:rgb(var(--brand-glow-rgb) / .33);background:linear-gradient(100deg,rgb(var(--brand-glow-rgb) / .3),rgb(var(--brand-glow-rgb) / .16))}
.command-action>span:first-child{width:46px;height:46px;border-radius:14px}.command-action strong{font-size:13px}.command-action small{font-size:10px}

#dashboard>.toolbar{margin-bottom:16px;padding:6px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:var(--shadow-sm);backdrop-filter:blur(14px)}
.segment{border:0;border-radius:11px;background:var(--surface-3)}.segment button{min-height:38px;border-radius:9px}.segment button.active{box-shadow:0 4px 12px rgb(var(--brand-shadow-rgb) / .07)}
.date-range{gap:7px}.date-range input{border-color:transparent;background:var(--surface-2)}
.button{min-height:44px;padding-inline:17px;letter-spacing:.01em;box-shadow:none}.button.primary{background:linear-gradient(135deg,var(--brand-violet),var(--brand-violet));box-shadow:0 8px 20px rgb(var(--brand-glow-rgb) / .18),inset 0 1px rgba(255,255,255,.18)}
.button.primary:hover:not(:disabled){background:linear-gradient(135deg,var(--brand-violet),var(--brand-violet));transform:translateY(-1px);box-shadow:0 11px 24px rgb(var(--brand-glow-rgb) / .23)}
.button.secondary{background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow-sm)}
.button:active:not(:disabled),.icon-btn:active,.text-btn:active{transform:translateY(1px)!important}

.metrics{grid-template-columns:1.2fr 1fr 1fr .88fr;gap:14px;margin-bottom:16px}
.metric{min-height:136px;padding:22px 23px 20px;border-radius:20px;border-color:color-mix(in srgb,var(--border) 92%,transparent);box-shadow:var(--shadow-sm)}
.metric:before{width:4px}.metric:after{width:112px;height:112px;right:-46px;top:-48px;background:color-mix(in srgb,var(--tone) 8%,transparent);box-shadow:0 0 0 22px color-mix(in srgb,var(--tone) 2.5%,transparent)}
.metric:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.metric small{font-size:11px;letter-spacing:.02em}.metric strong{margin:15px 0 5px;font-size:clamp(22px,1.8vw,28px);font-variant-numeric:tabular-nums}.metric span{font-size:10px}
.metric:first-child{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--income) 4%,var(--surface)))}

.card{border-color:color-mix(in srgb,var(--border) 91%,transparent);border-radius:22px;box-shadow:var(--shadow-sm)}
.card-head h2,.section-heading h2,.dialog-head h2{font-weight:650}.card-head p,.section-heading p,.dialog-head p{line-height:1.6}
.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(330px,.72fr);gap:16px}.chart-card,.review-card,.account-overview,.account-detail-card,.compose-card,.result-card,.ops-card{padding:26px}.chart-card,.review-card{min-height:350px}
.chart{height:250px;margin-top:22px;border-bottom-color:var(--border);background:repeating-linear-gradient(to bottom,transparent,transparent 61px,color-mix(in srgb,var(--border) 66%,transparent) 62px)}
.bar{border-radius:5px 5px 2px 2px}.bar.income{background:linear-gradient(to top,color-mix(in srgb,var(--income) 80%,#741c18),var(--income))}.bar.expense{background:linear-gradient(to top,color-mix(in srgb,var(--expense) 82%,#064b38),var(--expense));opacity:.84}
.review-list{gap:10px}.review-item{min-height:68px;padding:12px 10px 12px 15px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.review-item:hover{background:color-mix(in srgb,var(--accent) 3%,var(--surface-2));border-color:color-mix(in srgb,var(--accent) 24%,var(--border))}
.account-overview,.account-detail-card{margin-top:16px}.account-cards{gap:14px}.account-mini{padding:21px;border-radius:18px;background:linear-gradient(148deg,var(--surface),color-mix(in srgb,var(--primary) 2.5%,var(--surface-2)));box-shadow:0 8px 24px rgb(var(--brand-shadow-rgb) / .035)}
.account-mini:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.account-balance{margin:21px 0 16px}.account-balance strong{font-size:24px;font-variant-numeric:tabular-nums}.movement{padding:12px;border-radius:12px}.account-detail-link{min-height:44px;border-radius:11px}
.account-detail-filters{padding:17px;border-radius:16px;background:color-mix(in srgb,var(--surface-2) 92%,transparent)}
.account-detail-summary{gap:11px}.account-detail-summary>div{padding:15px;border-radius:14px}.account-detail-summary strong{font-size:15px;font-variant-numeric:tabular-nums}
.account-detail-list{border-radius:16px}.account-detail-header{padding:11px 17px}.account-detail-row{padding:15px 17px}.account-detail-row:hover{background:color-mix(in srgb,var(--primary) 3%,var(--surface-2))}

.section-heading{position:relative;margin:28px 0 22px;padding:0 0 18px;border-bottom:1px solid var(--border)}
.section-heading:after{content:"";position:absolute;left:0;bottom:-1px;width:52px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 12%,transparent))}
.section-heading h2{font-size:25px;letter-spacing:-.035em}.section-heading p{font-size:12px}
.toolbar.compact{padding:5px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}
.reconcile-result{border-radius:15px;box-shadow:var(--shadow-sm)}
.transaction-list{gap:11px}.tx-row{grid-template-columns:180px minmax(0,1fr) 94px 155px 84px;min-height:82px;padding:16px 19px;border-radius:17px;box-shadow:var(--shadow-sm)}
.tx-row:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.tx-amount{font-variant-numeric:tabular-nums}
.pill{min-height:24px;padding:4px 9px;border:1px solid transparent}.pill.ok{border-color:color-mix(in srgb,var(--income) 15%,transparent)}.pill.warning{border-color:color-mix(in srgb,var(--warning) 15%,transparent)}

select,input,textarea{border-radius:11px;background:color-mix(in srgb,var(--surface) 98%,transparent)}
label{color:color-mix(in srgb,var(--muted) 92%,var(--text));font-weight:650}
.split-layout{gap:18px}.compose-card form{margin-top:23px}.import-box{padding:17px;border-radius:15px}.empty-state{min-height:390px}.result-summary{border:1px solid var(--border);border-radius:14px}.field-list{border-radius:15px}.field{padding:14px}.raw-block,.raw-preview{border:1px solid var(--border);border-radius:13px}

.table-card{overflow:auto;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm)}
table{border-collapse:separate;border-spacing:0}th{padding:14px 17px;background:var(--surface-2);color:var(--muted);font-size:10px;letter-spacing:.035em}td{padding:17px;border-top-color:var(--border)}tbody tr{transition:background var(--motion-fast) var(--ease)}tbody tr:hover{background:color-mix(in srgb,var(--primary) 3%,var(--surface))}
.permission-guide{gap:12px}.permission-guide>div{padding:17px;border-radius:17px;background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-sm)}
.role-mark{width:42px;height:42px;border-radius:13px}.user-actions{gap:3px}.text-btn.danger{color:var(--danger)}
.device-token-card{margin-top:18px!important}.token-security-note{border-radius:15px!important}.device-token-row{min-height:82px;padding:15px!important;border-radius:15px!important;background:var(--surface-2)!important}.token-lock{width:42px!important;height:42px!important;border-radius:13px!important}

.ops-grid{gap:16px}.ops-card{margin-bottom:16px}.collection-calendar{gap:9px}.collection-day{min-height:112px;padding:14px;border-radius:15px}.status-legend{gap:16px;padding:12px 0}.ops-summary{gap:8px}.ops-summary span{border-radius:11px!important}
.statement-form{padding:16px;border-radius:15px;background:var(--surface-2)}.compact-list,.reconcile-account{border-radius:16px}.compact-row,.transfer-row{padding:14px 15px}.reconcile-accounts{gap:13px}.reconcile-account{box-shadow:var(--shadow-sm)}.reconcile-account header{padding:16px 18px}.reconcile-compare{gap:1px;background:var(--border)}.reconcile-compare>div{background:var(--surface);padding:16px}
.backup-status{border-radius:15px!important}.backup-warning{border-radius:12px!important}

.platform-heading{padding:26px 28px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:radial-gradient(circle at 88% 8%,rgb(var(--brand-glow-rgb) / .2),transparent 18rem),linear-gradient(135deg,var(--brand-panel-start),var(--brand-panel-end));color:#fff;box-shadow:0 22px 55px rgb(var(--brand-shadow-rgb) / .16)}
.platform-heading:after{display:none}.platform-heading p{color:#b8cbd4}.platform-kicker{color:var(--brand-panel-accent)!important}.platform-summary{gap:14px}.platform-summary article{min-height:128px;padding:21px;border-radius:19px;box-shadow:var(--shadow-sm)}.platform-summary strong{font-variant-numeric:tabular-nums}
.platform-guide{padding:18px 21px!important;border-color:color-mix(in srgb,var(--accent) 23%,var(--border));background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface))}.platform-guide-icon,.shop-logo{border-radius:14px!important;background:linear-gradient(145deg,var(--brand-panel-accent),var(--brand-violet))!important;color:#fff!important;box-shadow:0 9px 20px rgb(var(--brand-glow-rgb) / .2)}
.platform-shop-grid{gap:15px}.platform-shop{padding:22px!important;border-radius:21px}.shop-main-balance{border-radius:15px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 5%,var(--surface-2)),var(--surface-2))!important}.shop-main-balance strong,.shop-funds strong{font-variant-numeric:tabular-nums}

dialog{border-radius:24px;border-color:var(--border);box-shadow:var(--shadow-lg);backdrop-filter:blur(18px)}
dialog::backdrop{background:rgb(var(--brand-shadow-rgb) / .62);backdrop-filter:blur(7px)}
.dialog-head{padding-bottom:16px;border-bottom:1px solid var(--border)}
.toast{border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;background:var(--brand-panel-mid)!important;box-shadow:0 18px 55px rgb(var(--brand-shadow-rgb) / .28)!important}
.skeleton{background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:200% 100%;animation:skeleton-shift 1.4s ease infinite}@keyframes skeleton-shift{to{background-position:-200% 0}}

/* Login: quiet, asymmetric and security-led. */
.login-body{background:#edf1f1}
.login-shell{grid-template-columns:minmax(520px,1.08fr) minmax(460px,.92fr);min-height:100dvh;background:#edf1f1}
.login-intro{position:relative;isolation:isolate;padding:clamp(38px,5vw,78px);background:radial-gradient(circle at 14% 91%,rgb(var(--brand-glow-rgb) / .3),transparent 26rem),radial-gradient(circle at 100% 0,rgb(var(--brand-glow-rgb) / .2),transparent 29rem),linear-gradient(145deg,var(--brand-panel-start),var(--brand-panel-mid) 68%,var(--brand-panel-end));overflow:hidden}
.login-intro:before{content:"";position:absolute;z-index:-1;width:520px;height:520px;right:-280px;top:-290px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 66px rgba(255,255,255,.025),0 0 0 132px rgba(255,255,255,.014)}
.login-intro:after{content:"";position:absolute;z-index:-1;inset:auto 9% 10% auto;width:110px;height:1px;background:linear-gradient(90deg,rgb(var(--brand-glow-rgb) / .8),transparent);box-shadow:0 12px rgb(var(--brand-glow-rgb) / .32),0 24px rgb(var(--brand-glow-rgb) / .12)}
.login-brand{align-items:center;gap:14px}.login-brand strong{font-size:19px;letter-spacing:.06em}.login-brand small{font-size:9px;letter-spacing:.18em}
.login-intro-copy{max-width:720px;margin:auto 0}.login-intro-copy .eyebrow{color:var(--brand-panel-accent)}.login-intro-copy h1{margin:18px 0 22px;font-size:clamp(48px,5vw,74px);line-height:1.12;letter-spacing:-.065em;text-wrap:balance}.login-intro-copy>p:last-child{max-width:610px;color:#b8c8d0;font-size:16px;line-height:1.9}
.login-panel{position:relative;padding:46px;background:radial-gradient(circle at 100% 0,rgb(var(--brand-glow-rgb) / .09),transparent 23rem),linear-gradient(145deg,#f5f7f6,#e9eeee)}
.login-panel:before{content:"";position:absolute;inset:28px;border:1px solid rgb(var(--brand-shadow-rgb) / .07);border-radius:32px;pointer-events:none}
.login-form-wrap{position:relative;width:min(100%,475px);padding:42px;border:1px solid rgba(203,212,211,.94);border-radius:26px;background:rgba(255,255,255,.89);box-shadow:0 32px 80px rgb(var(--brand-shadow-rgb) / .13),inset 0 1px rgba(255,255,255,.85);backdrop-filter:blur(20px)}
.login-heading{margin-bottom:28px}.login-heading h2{font-size:35px;letter-spacing:-.05em}.login-kicker{display:inline-flex;min-height:28px;align-items:center;padding:0 10px;border:1px solid rgb(var(--brand-glow-rgb) / .12);border-radius:99px;background:rgb(var(--brand-glow-rgb) / .1);color:var(--brand-violet);letter-spacing:.08em}
.login-form{gap:19px}.login-form label{gap:8px;color:#405060}.login-form input{min-height:54px;border-radius:13px;background:#fbfcfc;font-size:16px}.login-form input:focus{background:#fff}.password-field button{right:5px;width:44px;height:44px;border-radius:10px}
.login-submit{min-height:56px;margin-top:2px;border-radius:13px}.login-security-note{margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.login-form-wrap footer{margin-top:28px;color:#80909b;letter-spacing:.04em}

@media (min-width:681px) and (max-width:1120px){
  .app-shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{width:220px;padding-inline:14px}.nav-item{padding-inline:12px}.privacy-note{padding:13px}main{padding-inline:24px}.topbar{min-height:102px}.sync-state{display:none}.desktop-command-hero{grid-template-columns:1fr;gap:22px;padding:30px}.command-actions{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}.account-cards{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr 1fr}.login-intro-copy h1{font-size:45px}.login-form-wrap{padding:34px}
}

@media (max-width:680px){
  :root{--mobile-gutter:14px;--mobile-nav:76px;--mobile-radius:19px}
  body{font-size:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 3%,var(--bg)),var(--bg) 22rem)}
  main{padding:0 var(--mobile-gutter) 30px}
  .sidebar{width:100%;padding:6px 9px env(safe-area-inset-bottom);border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-width:1px 0 0;background:color-mix(in srgb,var(--surface) 91%,transparent);box-shadow:0 -12px 35px rgb(var(--brand-shadow-rgb) / .1);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
  .sidebar:before{display:none}.nav-item{min-height:62px;padding:5px 2px;border:0;border-radius:16px!important}.nav-item.active{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 13%,var(--surface)),color-mix(in srgb,var(--accent) 5%,var(--surface)))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 9%,transparent)}
  .mobile-home-head{padding:calc(18px + env(safe-area-inset-top)) 2px 15px}.mobile-home-head strong{font-size:24px}.mobile-avatar{border-radius:15px;background:linear-gradient(145deg,var(--brand-panel-end),var(--brand-panel-start));box-shadow:0 11px 26px rgb(var(--brand-shadow-rgb) / .2)}
  .mobile-status-card{margin-bottom:13px;padding:13px 14px;border-radius:17px;background:linear-gradient(110deg,color-mix(in srgb,var(--success) 7%,var(--surface)),var(--surface));box-shadow:var(--shadow-sm)}
  #dashboard>.toolbar{border-radius:17px}.segment button{min-height:43px}
  .metrics{gap:9px}.metric{min-height:120px!important;padding:16px!important;border-radius:18px}.metric:first-child{min-height:154px!important;padding:21px!important;background:radial-gradient(circle at 100% 0,rgb(var(--brand-glow-rgb) / .18),transparent 13rem),linear-gradient(145deg,var(--brand-panel-start),var(--brand-panel-end));box-shadow:0 18px 40px rgb(var(--brand-shadow-rgb) / .19)}.metric:first-child strong{font-size:30px!important}.metric strong{font-size:18px!important}
  .dashboard-grid{gap:11px}.card{border-radius:var(--mobile-radius)}.chart-card,.review-card,.account-overview,.account-detail-card,.compose-card,.result-card,.ops-card{padding:17px!important}.chart-card,.review-card{min-height:0}.chart{height:180px}
  .review-item{min-height:66px}.account-cards{margin-right:-14px}.account-mini{min-width:min(86vw,340px);padding:18px;border-radius:18px}.account-balance strong{font-size:23px}
  .section-heading{margin:16px 0 15px;padding-bottom:14px;align-items:flex-start}.section-heading h2{font-size:21px}.section-heading>.button{flex:none;min-height:46px;padding-inline:13px}.section-heading .toolbar.compact{width:100%;margin-top:8px}
  .toolbar.compact{border-radius:16px}.tx-row{border-radius:17px;box-shadow:var(--shadow-sm)}.tx-row:hover{transform:none}
  .account-detail-filters{padding:13px}.account-detail-summary>div{padding:13px}.account-detail-list{border-radius:15px}
  .table-card{border-radius:17px}.table-card table{min-width:680px}.permission-guide{gap:9px}.permission-guide>div{border-radius:16px}.device-token-row{border-radius:15px!important}
  .collection-day{min-width:98px}.platform-heading{padding:21px 18px;border-radius:21px}.platform-summary{gap:9px}.platform-summary article{min-height:112px;padding:16px;border-radius:17px}.platform-shop{padding:18px!important}.platform-guide{padding:16px!important}
  dialog{border-radius:26px 26px 0 0}.toast{right:14px!important;bottom:calc(var(--mobile-nav) + env(safe-area-inset-bottom) + 12px)!important;left:14px!important;width:auto!important}
  .mobile-profile-card{border-radius:21px;background:radial-gradient(circle at 100% 0,rgb(var(--brand-glow-rgb) / .18),transparent 12rem),linear-gradient(145deg,var(--brand-panel-start),var(--brand-panel-end));box-shadow:0 18px 40px rgb(var(--brand-shadow-rgb) / .18)}.mobile-menu-group{border-radius:19px;box-shadow:var(--shadow-sm)}.mobile-menu-group>button,.mobile-menu-group>a{min-height:74px}.menu-icon{border-radius:13px}
  .login-body{background:var(--brand-panel-start)}.login-shell{display:block;min-height:100dvh;background:var(--bg)}.login-intro{min-height:310px;padding:calc(22px + env(safe-area-inset-top)) 20px 62px}.login-intro:before{width:260px;height:260px;right:-150px;top:-150px;box-shadow:0 0 0 38px rgba(255,255,255,.022),0 0 0 76px rgba(255,255,255,.012)}.login-intro:after{display:none}.login-intro-copy{margin:42px 0 0}.login-intro-copy h1{margin:12px 0 15px;font-size:32px;line-height:1.18}.login-intro-copy>p:last-child{font-size:13px;line-height:1.7}.login-panel{min-height:calc(100dvh - 288px);margin-top:-24px;padding:30px 18px calc(38px + env(safe-area-inset-bottom));border-radius:27px 27px 0 0}.login-panel:before{display:none}.login-form-wrap{width:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}.login-heading{margin-bottom:23px}.login-heading h2{font-size:29px}.login-form input{min-height:54px}.login-submit{min-height:56px}
}

@media (max-width:380px){
  :root{--mobile-gutter:12px}.mobile-home-head strong{font-size:22px}.metric:first-child strong{font-size:27px!important}.section-heading{gap:10px}.section-heading>.button{font-size:12px}.platform-actions{width:100%}.platform-actions .button{flex:1;padding-inline:9px}
}

@media (max-width:680px) and (orientation:landscape){
  .login-shell{display:grid;grid-template-columns:.92fr 1.08fr}.login-intro{min-height:100dvh;padding:22px}.login-intro-copy{margin:auto 0}.login-intro-copy h1{font-size:27px}.login-panel{min-height:100dvh;margin:0;padding:24px;border-radius:24px 0 0 24px}.login-form-wrap{max-width:420px}.login-heading{margin-bottom:14px}.login-form{gap:12px}.login-security-note{margin-top:12px}.login-form-wrap footer{margin-top:12px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sync-state i{animation:none}.metric:hover,.tx-row:hover,.account-mini:hover,.button:hover{transform:none!important}
}

/* Dashboard information architecture v2 — intentionally departs from the
   conventional hero + four equal cards + chart layout. */
.dashboard-lead{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.62fr);gap:18px;margin:27px 0 18px}
.portfolio-panel{position:relative;min-width:0;overflow:hidden;padding:29px;border:1px solid var(--border);border-radius:26px;background:var(--surface);box-shadow:var(--shadow-sm)}
.portfolio-panel:after{content:"";position:absolute;z-index:0;width:280px;height:280px;right:-190px;top:-190px;border:1px solid color-mix(in srgb,var(--accent) 12%,transparent);border-radius:50%;box-shadow:0 0 0 42px color-mix(in srgb,var(--accent) 2.5%,transparent),0 0 0 84px color-mix(in srgb,var(--accent) 1.5%,transparent);pointer-events:none}
.portfolio-heading,.portfolio-toolbar,.portfolio-panel .metrics{position:relative;z-index:1}
.portfolio-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.portfolio-heading h2{margin:9px 0 5px;font-size:28px;line-height:1.1;letter-spacing:-.045em}.portfolio-heading p{margin:0;color:var(--muted);font-size:12px}.portfolio-heading .command-kicker{color:var(--accent)}
.portfolio-toolbar{margin:23px 0 15px!important;padding:5px!important;border-radius:14px!important;background:var(--surface-2)!important;box-shadow:none!important}.portfolio-toolbar .date-range{margin-left:auto}.portfolio-toolbar .date-range input{width:132px}
.portfolio-panel .metrics{grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;margin:0}
.portfolio-panel .metric{min-height:103px;padding:17px 18px;border-radius:16px;box-shadow:none}
.portfolio-panel .metric:first-child{grid-row:1/3;min-height:216px;padding:22px;border:0;background:radial-gradient(circle at 100% 0,rgb(var(--brand-glow-rgb) / .2),transparent 14rem),linear-gradient(145deg,var(--brand-panel-start),var(--brand-panel-end));color:#fff;box-shadow:0 18px 40px rgb(var(--brand-shadow-rgb) / .18)}
.portfolio-panel .metric:first-child small,.portfolio-panel .metric:first-child span{color:#b9cad2}.portfolio-panel .metric:first-child strong{margin-top:28px;color:#fff;font-size:clamp(29px,2.6vw,40px)}.portfolio-panel .metric:first-child:before{display:none}.portfolio-panel .metric:first-child:after{width:160px;height:160px;right:-54px;top:-68px;background:rgb(var(--brand-glow-rgb) / .13);box-shadow:0 0 0 32px rgba(255,255,255,.024)}
.portfolio-panel .metric:nth-child(4){grid-column:2/4}.portfolio-panel .metric:not(:first-child) strong{margin:10px 0 3px;font-size:20px}.portfolio-panel .metric:hover{transform:none;border-color:color-mix(in srgb,var(--tone) 32%,var(--border));box-shadow:none}
.action-center{min-width:0;display:flex;flex-direction:column;padding:25px;border:1px solid rgba(255,255,255,.09);border-radius:26px;background:radial-gradient(circle at 110% 0,rgb(var(--brand-glow-rgb) / .2),transparent 18rem),linear-gradient(150deg,var(--brand-panel-start),var(--brand-panel-mid));color:#fff;box-shadow:0 24px 56px rgb(var(--brand-shadow-rgb) / .18)}
.action-center-head{display:flex;align-items:flex-start;gap:13px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1)}.action-index{padding:5px 7px;border:1px solid rgb(var(--brand-glow-rgb) / .28);border-radius:6px;color:var(--brand-panel-accent);font:700 8px var(--mono);letter-spacing:.12em}.action-center h2{margin:0 0 3px;font-size:18px}.action-center p{margin:0;color:#96adb9;font-size:10px}
.action-center .command-actions{margin-top:17px}.action-center .command-action{min-height:70px;border-radius:15px}.action-center .command-action>span:first-child{width:40px;height:40px;border-radius:12px}.action-center .command-action strong{font-size:12px}.action-center .command-action small{font-size:9px}
.review-compact-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:19px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}.review-compact-head strong,.review-compact-head small{display:block}.review-compact-head strong{font-size:11px}.review-compact-head small{margin-top:2px;color:#8ea6b2;font-size:9px}.review-compact-head .text-btn{color:var(--brand-panel-accent)}
.action-center .review-list{margin-top:9px}.action-center .review-item{min-height:61px;padding:10px 8px 10px 12px;border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.055)}.action-center .review-item:hover{border-color:rgb(var(--brand-glow-rgb) / .25);background:rgba(255,255,255,.08)}.action-center .review-item strong{color:#f5f8f9}.action-center .review-item small{color:#8fa5b1}.action-center .review-item button{color:var(--brand-panel-accent)}.action-center .empty-mini{color:#9cb1bc}
.dashboard-work-grid{display:grid;grid-template-columns:minmax(750px,1.62fr) minmax(280px,.58fr);gap:18px;align-items:start}
.dashboard-work-grid .account-overview,.dashboard-work-grid .chart-card{min-width:0;margin:0;padding:26px}.dashboard-work-grid .account-cards{grid-template-columns:1fr;gap:8px}.dashboard-work-grid .account-mini{display:grid;grid-template-columns:minmax(150px,1.3fr) minmax(128px,.85fr) minmax(190px,1.25fr) minmax(135px,.8fr);grid-template-rows:auto auto;gap:8px 18px;align-items:center;padding:14px 15px;border-radius:14px;background:var(--surface)}.dashboard-work-grid .bank-row{grid-column:1;grid-row:1/3}.dashboard-work-grid .account-balance{grid-column:2;grid-row:1/3;margin:0}.dashboard-work-grid .account-balance strong{font-size:18px}.dashboard-work-grid .account-movements{grid-column:3;grid-row:1/3;margin:0}.dashboard-work-grid .account-mini footer{grid-column:4;grid-row:1;padding:0;border:0;display:block}.dashboard-work-grid .account-mini footer span{display:block}.dashboard-work-grid .account-mini footer span+span{margin-top:3px}.dashboard-work-grid .account-detail-link{grid-column:4;grid-row:2;min-height:36px;margin:0}.dashboard-work-grid .chart-card{min-height:100%}.dashboard-work-grid .chart{height:calc(100% - 58px);min-height:410px}
.section-sequence{display:block;margin-bottom:7px;color:var(--accent);font:700 9px var(--mono);letter-spacing:.12em}.dashboard-work-grid .card-head h2{font-size:18px}

/* Xero-inspired review surface: evidence on the left, interpretation on the right. */
#inbox .section-heading{align-items:flex-end}.transaction-list{gap:13px}.tx-review-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:0;align-items:stretch;min-height:174px;padding:0;overflow:hidden;border-radius:18px}.tx-review-card:hover{transform:none}.tx-source{min-width:0;padding:21px 22px;background:color-mix(in srgb,var(--surface-2) 92%,transparent);border-right:1px solid var(--border)}.tx-pane-label{display:flex;align-items:center;justify-content:space-between;gap:14px}.tx-pane-label span{color:var(--accent);font-size:10px;font-weight:750;letter-spacing:.08em}.tx-pane-label time{color:var(--muted);font:10px var(--mono)}.tx-source p{margin:17px 0 15px;color:var(--text);font-size:13px;line-height:1.75}.tx-source>small{color:var(--muted);font-size:10px}.tx-interpretation{min-width:0;display:flex;flex-direction:column;padding:21px 22px}.tx-interpretation>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tx-facts{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;margin-top:18px}.tx-facts>div{min-width:0}.tx-facts small,.tx-facts strong{display:block}.tx-facts small{color:var(--muted);font-size:10px}.tx-facts strong{margin-top:5px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.tx-facts .tx-amount{font-size:16px}.tx-decision{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding-top:15px;border-top:1px solid var(--border)}.tx-decision>small{min-width:0;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.tx-decision .button{flex:none}

@media (min-width:681px) and (max-width:1180px){
  .dashboard-lead{grid-template-columns:1fr}.action-center{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.action-center-head{border:0}.action-center .command-actions{margin:0}.review-compact-head,.action-center .review-list{display:none}.dashboard-work-grid{grid-template-columns:1fr}.dashboard-work-grid .account-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-work-grid .chart{height:260px;min-height:260px}
  .dashboard-work-grid .account-mini{display:block;padding:18px}.dashboard-work-grid .account-balance{margin:18px 0 14px}.dashboard-work-grid .account-movements{margin-bottom:13px}.dashboard-work-grid .account-mini footer{display:flex;padding-top:12px;border-top:1px solid var(--border)}.dashboard-work-grid .account-mini footer span+span{margin-top:0}.dashboard-work-grid .account-detail-link{margin-top:11px}.tx-review-card{grid-template-columns:1fr}
}

@media (max-width:680px){
  .dashboard-lead{display:flex;flex-direction:column;gap:11px;margin:0 0 11px}.portfolio-panel{padding:15px;border-radius:20px;background:transparent;border:0;box-shadow:none;overflow:visible}.portfolio-panel:after{display:none}.portfolio-heading{display:none}.portfolio-toolbar{margin:0 0 11px!important;padding:5px!important;background:var(--surface)!important;box-shadow:var(--shadow-sm)!important}.portfolio-toolbar .segment{width:100%}.portfolio-toolbar .date-range{display:none}.portfolio-panel .metrics{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:9px}.portfolio-panel .metric{min-height:120px;padding:16px}.portfolio-panel .metric:first-child{grid-column:1/-1;grid-row:auto;min-height:154px;padding:21px}.portfolio-panel .metric:first-child strong{margin-top:15px;font-size:30px}.portfolio-panel .metric:nth-child(4){grid-column:auto}.portfolio-panel .metric:not(:first-child) strong{font-size:18px}
  .action-center{padding:17px;border-radius:20px}.action-center-head{padding-bottom:14px}.action-center .command-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.action-center .command-action{min-height:112px;display:grid;grid-template-columns:40px 1fr;align-content:center;padding:12px}.action-center .command-action>span:nth-child(2){align-self:center}.action-center .command-action>i{display:none}.action-center .command-action small{white-space:normal}.review-compact-head{margin-top:14px;padding-top:14px}.action-center .review-list{margin-top:8px}
  .dashboard-work-grid{display:flex;flex-direction:column;gap:11px}.dashboard-work-grid .account-overview,.dashboard-work-grid .chart-card{width:100%;padding:17px}.dashboard-work-grid .account-cards{display:flex}.dashboard-work-grid .account-mini{display:block;min-width:min(86vw,340px);padding:18px}.dashboard-work-grid .account-balance{margin:18px 0 14px}.dashboard-work-grid .account-movements{margin-bottom:13px}.dashboard-work-grid .account-mini footer{display:flex;padding-top:12px;border-top:1px solid var(--border)}.dashboard-work-grid .account-mini footer span+span{margin-top:0}.dashboard-work-grid .account-detail-link{margin-top:11px}.dashboard-work-grid .chart{height:190px;min-height:190px}.dashboard-work-grid .chart-card{order:2}.dashboard-work-grid .account-overview{order:1}.section-sequence{font-size:8px}
  #inbox .section-heading{align-items:flex-start}.tx-review-card{display:block;min-height:0}.tx-source{padding:17px;border-right:0;border-bottom:1px solid var(--border)}.tx-source p{margin:13px 0;font-size:12px}.tx-interpretation{padding:17px}.tx-facts{margin-top:15px}.tx-decision{margin-top:15px}.tx-decision .button{min-height:44px}.tx-pane-label time{font-size:9px}
}

/* Precision-tech layer: restrained instrumentation cues, never decorative noise. */
main{position:relative;background-image:linear-gradient(rgb(var(--brand-glow-rgb) / .026) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--brand-glow-rgb) / .026) 1px,transparent 1px);background-size:28px 28px}
.topbar{position:relative}.topbar:after{content:"";position:absolute;right:0;bottom:-1px;width:min(42vw,520px);height:1px;background:linear-gradient(90deg,transparent,rgb(var(--brand-glow-rgb) / .42),transparent)}
.sync-state{border-color:rgb(var(--brand-glow-rgb) / .22);background:color-mix(in srgb,var(--surface) 90%,rgb(var(--brand-glow-rgb) / .08));box-shadow:0 0 0 1px rgb(var(--brand-glow-rgb) / .025),0 10px 28px rgb(var(--brand-shadow-rgb) / .07)}
.sync-state i{box-shadow:0 0 0 4px rgba(40,176,143,.1),0 0 14px rgba(40,176,143,.42)}
.portfolio-panel:before,.action-center:before,.platform-heading:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgb(var(--brand-glow-rgb) / .045) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--brand-glow-rgb) / .045) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(115deg,#000,transparent 68%)}
.portfolio-panel:before{z-index:0}.action-center,.platform-heading{position:relative;overflow:hidden}.action-center>*{position:relative;z-index:1}
.portfolio-panel .metric:first-child{border:1px solid rgb(var(--brand-glow-rgb) / .12);box-shadow:0 18px 40px rgb(var(--brand-shadow-rgb) / .18),inset 0 0 30px rgb(var(--brand-glow-rgb) / .045)}
.portfolio-panel .metric:first-child:before{display:block;top:0;right:auto;bottom:auto;left:22px;width:74px;height:1px;background:linear-gradient(90deg,var(--brand-violet),transparent);box-shadow:0 0 10px rgb(var(--brand-glow-rgb) / .55)}
.portfolio-panel .metric:first-child strong{font-size:clamp(27px,2.2vw,34px);letter-spacing:-.065em;white-space:nowrap}
.metric strong,.account-balance strong,.movement strong,.account-detail-summary strong,.tx-amount,.platform-summary strong,.shop-main-balance strong,.shop-funds strong{font-family:var(--mono);letter-spacing:-.035em;font-variant-numeric:tabular-nums slashed-zero}
.section-sequence,.command-kicker,.tx-pane-label span,.platform-kicker{display:inline-flex;align-items:center;gap:7px}.section-sequence:before,.command-kicker:before,.tx-pane-label span:before,.platform-kicker:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--brand-violet);box-shadow:0 0 8px rgb(var(--brand-glow-rgb) / .68)}
.dashboard-work-grid .account-mini{position:relative;overflow:hidden}.dashboard-work-grid .account-mini:after{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background:linear-gradient(180deg,transparent,var(--brand-violet),transparent);opacity:0;transition:opacity var(--motion-fast) var(--ease)}.dashboard-work-grid .account-mini:hover:after{opacity:1}
.dashboard-work-grid .movement strong{font-size:10px;letter-spacing:-.05em}
.chart{position:relative;overflow:hidden}.chart:after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background:linear-gradient(90deg,transparent,rgb(var(--brand-glow-rgb) / .75),transparent);box-shadow:0 0 8px rgb(var(--brand-glow-rgb) / .24)}
.tx-review-card{position:relative}.tx-review-card:before{content:"";position:absolute;z-index:2;top:0;left:0;width:46px;height:1px;background:linear-gradient(90deg,var(--brand-violet),transparent);box-shadow:0 0 9px rgb(var(--brand-glow-rgb) / .42)}
.button,.icon-btn,.nav-item,.account-detail-link{isolation:isolate}.button:focus-visible,.icon-btn:focus-visible,.nav-item:focus-visible,.account-detail-link:focus-visible{outline:2px solid var(--brand-violet);outline-offset:3px}

@media (max-width:680px){
  main{background-size:24px 24px}.topbar:after{display:none}.portfolio-panel:before{display:none}.metric strong,.account-balance strong,.movement strong,.account-detail-summary strong,.tx-amount{letter-spacing:-.045em}
}