:root{--c-bg:#ebe8e3;--c-card:#fff;--c-surface:#f7f5f0;--c-surface-2:#f0eee9;--c-text:#1a1a1a;--c-muted:#9c9b96;--c-accent:#f55b45;--c-accent-light:#fff5f3;--c-dark:#141414;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius:24px;--radius-lg:40px;--radius-pill:999px;--gap:20px;--pad:24px;--pad-lg:32px;--shadow-soft:0 2px 20px #00000008;--grid-gap:24px;--card-radius:32px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--c-card);color:var(--c-text);min-height:100vh;font-size:14px;line-height:1.5}.app{background:var(--c-card);width:100%;min-height:100vh}.main-card{gap:var(--grid-gap);flex-direction:column;max-width:1280px;margin:0 auto;padding:32px;display:flex}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:8px 0;display:flex}.topbar-left{align-items:center;gap:16px;display:flex}.logo-circle{background:var(--c-dark);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:700;transition:transform .3s;display:flex}.logo-circle:hover{transform:scale(1.05)}.title-group{flex-direction:column;gap:2px;display:flex}.title-group .t{font-size:18px;font-weight:600;line-height:1.2}.title-group .s{color:var(--c-muted);font-size:14px;line-height:1.2}.topbar-center{align-items:center;gap:12px;display:flex}.topbar-right-group{align-items:center;gap:16px;display:flex}.avatar{background:linear-gradient(135deg,#d98c72,#a6664c);border-radius:50%;flex-shrink:0;width:48px;height:48px}.user-info{flex-direction:column;gap:2px;display:flex}.user-name{font-size:14px;font-weight:600}.user-role{color:var(--c-muted);font-size:12px}.icon-btn{background:var(--c-surface);border:1px solid var(--c-surface-2);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.icon-btn:hover{background:var(--c-surface-2);transform:translateY(-2px)}.icon-btn svg{width:20px;height:20px}.search-bar{background:var(--c-surface);border:1px solid var(--c-surface-2);border-radius:var(--radius-pill);align-items:center;gap:10px;width:280px;height:48px;padding:0 20px;display:flex}.search-bar input{font-family:var(--font-sans);color:var(--c-text);background:0 0;border:none;outline:none;flex:1;width:100%;font-size:14px}.search-bar input::placeholder{color:#b5b0a6}.subheader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:8px 0 12px;display:flex}.subheader-left{align-items:center;gap:16px;display:flex}.date-circle{background:var(--c-surface);border:1px solid var(--c-surface-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:700;transition:transform .3s;display:flex}.date-circle:hover{transform:scale(1.05)}.date-text{flex-direction:column;display:flex}.date-text .day,.date-text .month{font-size:14px;font-weight:500}.tasks-btn{border-radius:var(--radius-pill);background:var(--c-accent);color:#fff;height:48px;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;padding:0 24px;font-size:14px;font-weight:600;transition:transform .3s,opacity .2s;display:flex}.tasks-btn:hover{transform:translateY(-3px)}.tasks-btn svg{transition:transform .3s}.tasks-btn:hover svg{transform:translate(6px)}.subheader-right{align-items:center;gap:16px;display:flex}.greeting{flex-direction:column;gap:0;display:flex}.greeting .gt{letter-spacing:-.03em;font-size:48px;font-weight:500;line-height:1.1}.greeting .gs{color:var(--c-muted);letter-spacing:-.02em;font-size:28px;font-weight:400;line-height:1.1}.body-wrap{gap:var(--gap);display:flex}.sidebar{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:56px;display:flex}.nav-item{background:var(--c-surface);border:1px solid var(--c-surface-2);cursor:pointer;width:48px;height:48px;color:var(--c-text);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.nav-item:hover{background:var(--c-surface-2);transform:translateY(-2px)}.nav-item.active{background:var(--c-dark);color:#fff;border-color:var(--c-dark)}.nav-item svg{width:20px;height:20px}.main-grid{gap:var(--grid-gap);flex-direction:column;flex:1;min-width:0;display:flex}.card{background:var(--c-card);border-radius:var(--card-radius);box-shadow:var(--shadow-soft);overflow:hidden}.pill{border-radius:var(--radius-pill);border:1px solid var(--c-surface-2);cursor:pointer;background:0 0;align-items:center;gap:6px;height:28px;padding:0 14px;font-size:11px;font-weight:500;transition:border-color .2s;display:inline-flex}.pill:hover{border-color:var(--c-muted)}.pill svg{width:10px;height:10px}.row-top{gap:var(--grid-gap);align-items:stretch;min-height:260px;display:flex}.row-bottom{gap:var(--grid-gap);align-items:stretch;min-height:280px;display:flex}.visa-card{padding:var(--pad-lg);border-radius:var(--card-radius);flex-direction:column;flex:0 0 280px;display:flex}.card-label{font-size:15px;font-weight:700}.visa-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.visa-meta{color:var(--c-muted);margin:10px 0 8px;font-size:11px}.visa-number{letter-spacing:.5px;margin-bottom:14px;font-size:14px;font-weight:600}.btn-row{gap:10px;margin-bottom:16px;display:flex}.btn{border-radius:var(--radius-pill);height:38px;font-family:var(--font-sans);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:opacity .2s;display:flex}.btn:hover{opacity:.9}.btn-dark{background:var(--c-dark);color:#fff}.btn-light{color:var(--c-text);border:1px solid var(--c-surface-2);background:#fff}.visa-footer{justify-content:space-between;align-items:flex-end;margin-top:auto;display:flex}.fee-label{color:var(--c-muted);font-size:10px}.fee-value{margin-top:2px;font-size:13px;font-weight:600}.edit-link{color:var(--c-muted);cursor:pointer;align-items:center;gap:4px;font-size:10px;display:flex}.edit-link b{color:var(--c-text);font-weight:600}.edit-link svg{width:12px;height:12px;color:var(--c-accent)}.income-area{flex-direction:column;flex:0 0 240px;gap:16px;display:flex}.income-section{background:var(--c-surface);border-radius:var(--card-radius);padding:var(--pad-lg);box-shadow:none;flex-direction:column;flex:1;justify-content:center;display:flex}.income-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.income-icon{width:28px;height:28px;color:var(--c-accent);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.income-icon svg{width:16px;height:16px}.income-label{color:var(--c-muted);text-transform:uppercase;letter-spacing:.05em;margin:8px 0 4px;font-size:10px}.income-value{letter-spacing:-.03em;font-size:28px;font-weight:700}.view-chart{align-items:center;gap:6px;padding:0 4px;font-size:10px;display:flex}.view-chart .v{cursor:pointer;color:var(--c-accent);font-weight:600}.view-chart .m{color:var(--c-muted)}.view-chart svg{width:12px;height:12px;color:var(--c-accent)}.growth-circle{flex-direction:column;flex:0 0 180px;justify-content:center;align-items:center;gap:12px;display:flex}.growth-ring{justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.growth-ring svg{position:absolute;top:0;left:0}.growth-center{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.growth-pct{letter-spacing:-.03em;font-size:32px;font-weight:700;line-height:1}.growth-label{color:var(--c-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:9px}.days-pill{background:var(--c-card);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);align-items:center;gap:6px;padding:10px 20px;display:flex}.days-pill .days-num{font-size:16px;font-weight:700}.days-pill .days-sub{color:var(--c-muted);font-size:9px}.heatmap-grid{grid-template-columns:repeat(7,1fr);gap:4px;max-width:140px;display:grid}.heat-dot{background:var(--c-surface-2);border-radius:4px;width:14px;height:14px;transition:transform .2s}.heat-dot:hover{transform:scale(1.15)}.heat-dot.active{background:#f55b454d}.heat-dot.active.hot{background:#f55b45}.stocks-card{padding:var(--pad-lg);border-radius:var(--card-radius);flex-direction:column;flex:1;min-width:0;display:flex}.stocks-header{align-items:center;gap:12px;margin-bottom:4px;display:flex}.stocks-icon{background:var(--c-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.stocks-value{letter-spacing:-.03em;font-size:28px;font-weight:700}.growth-pill{border-radius:var(--radius-pill);border:1px solid var(--c-accent);height:26px;color:var(--c-accent);background:0 0;align-items:center;padding:0 12px;font-size:11px;font-weight:600;display:flex}.stocks-chart{flex:1;min-height:50px;max-height:70px;margin:4px 0;position:relative}.stocks-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.stocks-title{font-size:12px;font-weight:600}.stocks-sub{color:var(--c-muted);margin-top:2px;font-size:10px}.stocks-dropdown{border-radius:var(--radius-pill);background:var(--c-surface);cursor:pointer;justify-content:center;align-items:center;width:28px;height:26px;display:flex}.annual-card{padding:var(--pad-lg);border-radius:var(--card-radius);flex-direction:column;flex:0 0 260px;display:flex}.annual-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.annual-title{font-size:13px;font-weight:600}.annual-rings{flex:1;justify-content:center;align-items:flex-end;padding:20px 0;display:flex}.rings-wrap{justify-content:center;align-items:flex-end;width:260px;height:260px;display:flex;position:relative}.annual-circle{color:var(--c-text);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:transform .3s,opacity .3s;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.annual-circle:hover{opacity:.9;transform:translate(-50%)scale(1.05)}.ring-1{color:#fff;z-index:4;background:#e7664b;font-size:14px;font-weight:700}.ring-2{z-index:3;background:#e8664d47;align-items:flex-start;padding-top:14px}.ring-3{z-index:2;background:#e8664d29;align-items:flex-start;padding-top:14px}.ring-4{z-index:1;background:#e8664d14;align-items:flex-start;padding-top:14px}.activity-area{flex-direction:column;flex:1;min-width:0;padding:0;display:flex}.activity-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.activity-title{font-size:14px;font-weight:600}.header-actions{align-items:center;gap:8px;display:flex}.search-tags{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.act-search{border-radius:var(--radius-pill);background:var(--c-surface);border:1px solid var(--c-surface-2);align-items:center;gap:8px;width:180px;height:40px;padding:0 16px;display:flex}.act-search input{font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1;width:100%;font-size:12px}.act-search input::placeholder{color:#b5b0a6}.chip{border-radius:var(--radius-pill);border:1px solid var(--c-surface-2);cursor:pointer;background:0 0;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.chip:hover{border-color:var(--c-muted)}.chip-dot{background:var(--c-accent);border-radius:50%;width:6px;height:6px}.activity-bottom{flex:1;gap:16px;display:flex}.money-card{background:var(--c-surface);border-radius:var(--card-radius);padding:var(--pad);flex-direction:column;flex:1;min-width:0;display:flex}.money-row{align-items:baseline;gap:4px;margin-bottom:12px;display:flex}.money-val{letter-spacing:-.03em;font-size:28px;font-weight:600}.money-unit{color:var(--c-muted);font-size:11px}.activity-bars{flex:1;align-items:flex-end;gap:5px;min-height:60px;display:flex}.abar{background:var(--c-surface-2);border-radius:3px;width:6px;min-height:8px;transition:background .2s,transform .2s}.abar:hover{transform:scaleY(1.1)}.abar.active{background:var(--c-accent)}.carousel-indicator{justify-content:center;gap:5px;margin-top:10px;display:flex}.ci-dot{background:var(--c-surface-2);border-radius:50%;width:7px;height:7px}.ci-dot.active{background:var(--c-accent);border-radius:4px;width:22px}.timeline-card{background:var(--c-surface);border-radius:var(--card-radius);min-width:0;padding:var(--pad);flex:1}.timeline-title{margin-bottom:16px;font-size:12px;font-weight:600}.timeline-list{position:relative}.timeline-item{align-items:center;gap:10px;padding-bottom:20px;display:flex;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-node{background:var(--c-accent);color:#fff;z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.timeline-node svg{width:14px;height:14px}.timeline-line{background:var(--c-accent);opacity:.2;width:2px;height:calc(100% - 16px);position:absolute;top:32px;left:16px}.timeline-label{font-size:12px;font-weight:500}.wallet-card{background:var(--c-surface);border-radius:var(--card-radius);min-width:0;padding:var(--pad);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.wallet-icon-lg{background:var(--c-accent-light);width:56px;height:56px;color:var(--c-accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.wallet-icon-lg svg{width:28px;height:28px}.spin-slow{animation:20s linear infinite spinSlow}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wallet-card .wallet-title{margin-bottom:4px;font-size:13px;font-weight:600}.wallet-card .wallet-sub{color:var(--c-muted);max-width:160px;margin-bottom:14px;font-size:10px;line-height:1.5}.wallet-card .enable-btn{border-radius:var(--radius-pill);background:var(--c-accent);color:#fff;width:100%;height:44px;font-family:var(--font-sans);cursor:pointer;border:none;font-size:13px;font-weight:600;transition:opacity .2s,transform .2s}.wallet-card .enable-btn:hover{opacity:.9;transform:translateY(-2px)}.review-card{padding:var(--pad);border-radius:var(--card-radius);flex-direction:column;flex:0 0 200px;display:flex}.review-top-bar{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.review-dots{gap:6px;display:flex}.review-dots .rd{background:var(--c-surface-2);border-radius:4px;width:8px;height:8px}.review-dots .rd.active{background:var(--c-accent);width:20px}.review-close-btn{cursor:pointer;color:var(--c-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.review-close-btn svg{width:16px;height:16px}.review-label{color:var(--c-muted);margin-top:16px;margin-bottom:10px;font-size:10px}.review-question{margin-bottom:14px;font-size:15px;font-weight:600;line-height:1.25}.review-faces{justify-content:space-between;gap:4px;margin-top:auto;display:flex}.face-btn{cursor:pointer;opacity:.4;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .2s,transform .2s;display:flex}.face-btn:hover,.face-btn.selected{opacity:1;transform:scale(1.1)}.face-btn svg{width:28px;height:28px}@media (width<=1100px){.row-top,.row-bottom{flex-wrap:wrap}.visa-card,.income-area,.growth-circle,.stocks-card,.annual-card,.activity-area,.review-card{flex:calc(50% - 8px)}}@media (width<=768px){.main-card{padding:16px}.topbar{flex-wrap:wrap;gap:8px}.search-bar{order:3;width:100%}.topbar-right-group{flex-wrap:wrap}.subheader{flex-direction:column;align-items:flex-start;gap:12px}.greeting .gt{font-size:32px}.greeting .gs{font-size:20px}.body-wrap{flex-direction:column}.sidebar{flex-direction:row;justify-content:center;width:100%}.visa-card,.income-area,.growth-circle,.stocks-card,.annual-card,.activity-area,.review-card{flex:100%}.activity-bottom{flex-direction:column}.money-card,.timeline-card{width:100%}.review-faces{justify-content:center}}@media (width<=480px){.topbar-left .title-group{display:none}.search-bar{height:40px}.tasks-btn{padding:0 14px;font-size:12px}}