/* Financial Advisor / Aurora interface */
:root{--bg:#0b1020;--card:#151e32;--sheet:#151e32;--nav:#111a2cef;--input:#0e1729;--button:#22304b;--line:#293750;--input-border:#30405c;--border:#ffffff0a;--text:#f1f5fd;--muted:#99abc7;--green:#a9e2cf;--teal:#79dabb;--red:#ff9cae;--primary:#a9e2cf;--on-primary:#102b26;--track:#273650;--active-bg:#a9e2cf14;--hover:#243551}
:root[data-theme=light]{--bg:#f1f4f9;--card:#fff;--sheet:#fff;--nav:#fffffff0;--input:#f4f7fb;--button:#e8edf5;--line:#dee5ef;--input-border:#d5deeb;--border:#dfe6ef;--text:#172840;--muted:#63748b;--green:#286d60;--teal:#187662;--red:#b53b58;--primary:#256b5d;--on-primary:#fff;--track:#e3eaf1;--active-bg:#256b5d0d;--hover:#ecf2f8}
body{background:radial-gradient(ellipse 90% 340px at 85% 0,#38558d19,transparent),var(--bg);font-size:15px}header{padding:16px 20px;background:var(--bg);border:0}.brand{font-size:17px;letter-spacing:-.4px}.brand small{margin-top:3px;font-size:10px;letter-spacing:.1px}.logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#bee9d9,#79b9b5);color:#153c38;box-shadow:0 6px 18px #0002}.logo .ui-icon{width:26px;height:26px}.ui-icon{width:24px;height:24px;display:inline-block;vertical-align:middle;flex-shrink:0}.settings-button{border:1px solid var(--line);min-width:48px;padding:10px;border-radius:16px;font-size:11px;background:var(--card)}.settings-button .ui-icon{width:20px;height:20px}.brand{max-width:calc(100% - 106px)}main{padding:16px 20px 140px}h1{font-size:29px;line-height:1.25;font-weight:750;letter-spacing:-1px;margin-bottom:8px}h2{font-weight:680;letter-spacing:-.25px}.sub{font-size:13px;line-height:1.65;color:var(--muted);margin-bottom:22px}.card{padding:21px;border:1px solid var(--border);box-shadow:0 8px 24px #00000009;border-radius:24px;margin:16px 0}.grid{gap:12px}.grid .card{padding:18px}.stat{font-size:23px;letter-spacing:-.8px}.pill{padding:6px 11px;font-weight:600;letter-spacing:.2px}.row{gap:12px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--muted)}
.wealth-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#1c4947,#254d62 80%,#2b4969);color:#f1fff9;border:1px solid #82c8ba30;padding:25px;min-height:215px;box-shadow:0 15px 32px #0002}.wealth-hero .row,.wealth-hero .big,.wealth-hero p{position:relative;z-index:1}.wealth-hero .big{font-size:clamp(27px,7.5vw,43px);letter-spacing:-1px;margin:22px 0 8px}.wealth-hero small{font-size:10px;letter-spacing:2px;color:#b9dddb;font-weight:700}.wealth-hero .pill{background:#ecfff514;color:#d8f0e7;border:1px solid #ecfff514}.wealth-equation{color:#c6dedd!important;font-size:11px}.wealth-hero>.wealth-equation.row{border-top:1px solid #ffffff18;padding-top:13px;margin-top:18px}.hero-art{position:absolute;inset-block-start:23px;inset-inline-end:-40px;width:220px;height:220px;opacity:.4;pointer-events:none;transform:rotate(-25deg)}.hero-art span{position:absolute;inset:0;border:1px solid #d6ffe842;border-radius:50%}.hero-art span:nth-child(2){inset:22px}.hero-art span:nth-child(3){inset:44px;background:radial-gradient(circle at 20% 30%,#a9e2cf22,transparent)}.hero-art .ui-icon{position:absolute;inset-inline-start:15px;inset-block-start:55px;width:32px;height:32px;color:#d9ffed}.hero-art{animation:orbit-arrive 1000ms cubic-bezier(.2,.8,.2,1) both}.wealth-totals .wealth-icon{font-size:20px;width:35px;height:35px;border-radius:11px;background:#79dabb14;margin-bottom:14px;display:grid;place-items:center}.wealth-totals .negative.wealth-icon{background:#ff9cae14}.wealth-totals .tiny{font-size:10px}.wealth-totals .stat{margin-top:8px}.wealth-totals small{font-size:12px}
.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:25px 0 30px}.quick-action{background:none;padding:0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:11px;font-weight:600;min-height:80px}.action-orb{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;border:1px solid #ffffff08;box-shadow:0 6px 18px #0000000b}.quick-action:active .action-orb{transform:scale(.92) translateY(2px)}.action-orb{transition:transform 200ms cubic-bezier(.2,.8,.2,1)}
.tone-mint{background:#4fd5ad18;color:#7bdbb9}.tone-blue{background:#68a8fa1a;color:#8dbdff}.tone-violet{background:#b89aff1a;color:#c4acff}.tone-amber{background:#edbf671a;color:#efcd8e}.tone-rose{background:#f383a01a;color:#ffabc3}.tone-orange{background:#eea16e1a;color:#ffc39c}.tone-cyan{background:#62cddb1a;color:#89dfe9}
:root[data-theme=light] .tone-mint{background:#e5f6ef;color:#267b60}:root[data-theme=light] .tone-blue{background:#e9f1ff;color:#326fc0}:root[data-theme=light] .tone-violet{background:#f0eaff;color:#7951b9}:root[data-theme=light] .tone-amber{background:#fbf0db;color:#97671e}:root[data-theme=light] .tone-rose{background:#fce9ef;color:#b94a72}:root[data-theme=light] .tone-orange{background:#fff0e5;color:#ab6739}:root[data-theme=light] .tone-cyan{background:#e3f5f7;color:#2c7f8c}
.account-emblem{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:18px;flex-shrink:0}.account-emblem .ui-icon{width:28px;height:28px}.account-emblem.small{width:38px;height:38px;border-radius:12px}.account-emblem.small .ui-icon{width:22px;height:22px}.account-identity{display:flex;gap:13px;align-items:center;min-width:0}.account-identity>div{min-width:0}.account-identity h2{font-size:16px;margin:0 0 5px;overflow-wrap:anywhere}.account-kind{font-size:11px;color:var(--muted)}.currency-tag{font-size:10px;letter-spacing:1px;border:1px solid var(--line);padding:5px 8px;border-radius:9px;color:var(--muted)}.account-balance{font-size:clamp(24px,6.4vw,32px);font-weight:700;letter-spacing:-.8px;margin:22px 0 20px;overflow-wrap:anywhere}.account-card{position:relative;overflow:hidden}.account-card::before{content:'';position:absolute;inset-block-start:0;inset-inline-start:0;inset-inline-end:0;height:2px;opacity:.7;background:linear-gradient(90deg,transparent,#8dbdff88,transparent)}.tone-border-mint::before{background:linear-gradient(90deg,transparent,#7bdbb988,transparent)}.tone-border-violet::before{background:linear-gradient(90deg,transparent,#c4acff88,transparent)}.tone-border-amber::before{background:linear-gradient(90deg,transparent,#efcd8e88,transparent)}.tone-border-rose::before{background:linear-gradient(90deg,transparent,#ffabc388,transparent)}.tone-border-orange::before{background:linear-gradient(90deg,transparent,#ffc39c88,transparent)}.account-actions{display:flex;border-top:1px solid var(--line);padding-top:13px;gap:6px}.account-actions button{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;font-size:10px;padding:9px 3px;background:transparent;color:var(--muted)}.account-actions .ui-icon{width:17px;height:17px}.account-summary .ui-icon{color:var(--muted);margin-bottom:14px}.account-summary small{display:block}.icon-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:12px}.icon-label .ui-icon{width:18px}.page-heading{align-items:center}.investment-value{padding:14px;background:var(--input);border-radius:14px;font-size:11px;margin-bottom:18px}.investment-value strong{display:block;margin-top:8px}.credit-usage{margin-bottom:20px}.term-summary{border-radius:16px;background:var(--input);padding:16px;margin-bottom:16px}.term-summary .term-remaining{font-size:15px}.type-symbol .ui-icon{width:27px;height:27px}.type-card{background:var(--input);border-color:var(--line)}.account-type-grid .type-card{padding:16px}.type-card h3{font-size:13px}
nav{inset-inline:12px;bottom:12px;border:1px solid var(--line);border-radius:23px;padding:7px 4px;box-shadow:0 10px 35px #0004;backdrop-filter:blur(18px)}nav button{padding:8px 3px!important;min-height:56px;border-radius:16px;font-weight:600;position:relative;font-size:9px}nav button span{display:flex;justify-content:center;margin-bottom:5px}nav button .ui-icon{width:21px;height:21px}nav button.active{box-shadow:none;background:var(--active-bg);color:var(--primary)}nav button.active::after{content:'';display:block;width:4px;height:4px;border-radius:50%;background:var(--primary);position:absolute;bottom:3px;left:calc(50% - 2px)}nav button.active .ui-icon{animation:icon-pop 360ms cubic-bezier(.2,.8,.2,1)}.fab{bottom:96px;right:22px;width:54px;height:54px;border-radius:19px;box-shadow:0 7px 20px #0003}.fab .ui-icon{width:28px;height:28px}.receipt-fab{display:flex;gap:7px;align-items:center;bottom:99px;right:87px;font-size:11px;border-radius:15px;padding:10px 12px;background:var(--card)}.receipt-fab .ui-icon{width:19px;height:19px}
button{transition:transform 160ms cubic-bezier(.2,.8,.2,1),background-color 180ms ease,color 180ms ease}button:active{transform:scale(.97)}.card button:hover,.choice-option:hover{background-color:var(--hover)}.tabs{background:var(--input);padding:5px;border-radius:16px;gap:4px}.tabs button{background:transparent;border-radius:12px;padding:10px 13px}.tabs .active{box-shadow:0 3px 9px #0002}.sheet{border:1px solid var(--line);box-shadow:0 -15px 60px #0004;border-radius:30px 30px 0 0}.overlay{backdrop-filter:blur(5px)}input,textarea{border-radius:15px;padding:15px;border:1px solid var(--line);font-family:inherit}.field{font-size:12px;font-weight:550;letter-spacing:.05px}.field input,.field textarea{font-weight:400}.notice{border:1px solid #a9e2cf18;background:#a9e2cf0d;color:var(--muted)}.warranty-emblem{display:grid;place-items:center;width:44px;height:44px;background:#8dbdff16;color:#8dbdff;border-radius:14px;margin:12px 0}.warranty-card .pill{border:1px solid var(--line)}.warranty-card .progress{height:7px}.spend-ring{box-shadow:0 12px 32px #0002}.progress{height:7px}.progress i{background:linear-gradient(90deg,#6dbaa5,var(--primary))}.report-column .bars i{background:#7bdbb9}.report-column .bars i+i{background:#f4a0b5}.empty .symbol{border:1px solid var(--line);width:70px;height:70px;display:grid;place-items:center;border-radius:24px;margin:12px auto 18px;background:var(--input)}
.enhanced-select{position:absolute!important;width:1px!important;height:1px!important;clip-path:inset(50%);overflow:hidden;opacity:0;pointer-events:none;margin:0!important;padding:0!important;border:0!important}.select-trigger{display:flex;align-items:center;gap:11px;width:100%;min-height:62px;padding:10px 13px;margin-top:7px;text-align:start;border:1px solid var(--line);border-radius:16px;background:var(--input);color:var(--text);font-weight:450}.select-value{flex:1;min-width:0;overflow-wrap:anywhere;font-size:14px;line-height:1.5}.select-chevron{width:16px;height:16px;color:var(--muted);transform:rotate(90deg)}.choice-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--button);color:var(--muted);flex-shrink:0}.choice-symbol .ui-icon{width:20px;height:20px}.select-trigger:disabled{opacity:.45}.select-trigger[hidden]{display:none}.choice-overlay{position:fixed;inset:0;z-index:30;background:#030912b3;backdrop-filter:blur(7px);display:flex;justify-content:center;align-items:flex-end}.choice-sheet{width:100%;max-width:580px;max-height:85dvh;display:flex;flex-direction:column;overflow:hidden;padding:10px 20px max(24px,env(safe-area-inset-bottom));border-radius:30px 30px 0 0;background:var(--sheet);border:1px solid var(--line);box-shadow:0 -15px 60px #0004}.sheet-grip{width:35px;height:4px;border-radius:4px;background:var(--line);margin:0 auto 20px;flex-shrink:0}.choice-heading{margin-bottom:17px}.choice-heading small{font-size:9px;letter-spacing:2px;font-weight:700}.choice-heading h2{margin:5px 0 0;font-size:21px}.choice-close{padding:10px;background:var(--input);border:1px solid var(--line);border-radius:14px;flex-shrink:0}.choice-close .ui-icon{width:20px;height:20px}.choice-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:16px;background:var(--input);padding:0 13px;flex-shrink:0}.choice-search>.ui-icon{width:20px;color:var(--muted)}.choice-search input{border:0;background:none;margin:0;padding:15px 0;font-size:14px;outline:none;box-shadow:none;min-width:0}.choice-search:focus-within{border-color:var(--primary)}#choiceOptions{overflow:auto;overscroll-behavior:contain;margin-top:14px;padding-bottom:5px;min-height:80px;scrollbar-width:thin}.choice-option{display:flex;align-items:center;gap:12px;width:100%;min-height:66px;margin:5px 0;border:1px solid transparent;padding:11px;border-radius:17px;text-align:start;background:transparent}.choice-option.chosen{background:var(--active-bg);border-color:var(--primary)}.choice-option-label{flex:1;font-size:14px;overflow-wrap:anywhere}.choice-check{width:23px;height:23px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;flex-shrink:0}.chosen .choice-check{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.choice-check .ui-icon{width:16px;height:16px}.choice-option:disabled{opacity:.4}.choice-empty{text-align:center;color:var(--muted);padding:30px 10px}.choice-open{overflow:hidden!important}.choice-overlay .choice-sheet button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.category-picker .field{min-width:0}.category-picker .select-trigger{min-height:60px}.category-add{margin-bottom:5px}
@keyframes icon-pop{0%{transform:translateY(3px) scale(.85)}60%{transform:translateY(-2px) scale(1.06)}100%{transform:translateY(0) scale(1)}}@keyframes orbit-arrive{from{opacity:0;transform:rotate(-65deg) scale(.8)}to{opacity:.4;transform:rotate(-25deg) scale(1)}}
html[dir=rtl] .progress i{transform-origin:right}html[dir=rtl] .account-balance{text-align:right;letter-spacing:normal}html[dir=rtl] .select-trigger,html[dir=rtl] .choice-option{text-align:right}html[dir=rtl] .brand{font-size:17px}html[dir=rtl] nav button{font-size:9px}html[dir=rtl] .eyebrow{letter-spacing:0}html[dir=rtl] .fab{left:22px;right:auto}html[dir=rtl] .receipt-fab{left:87px;right:auto}
@media(min-width:700px){nav{left:50%;right:auto;width:calc(100% - 32px);max-width:860px;transform:translateX(-50%)}main{padding-bottom:145px}.account-collection{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.account-collection>.card{margin:16px 0 0}.choice-sheet{margin-bottom:25px;border-radius:30px}.quick-actions{max-width:430px;margin-inline:auto}.fab{right:max(25px,calc((100vw - 860px)/2 + 15px))}.receipt-fab{right:max(90px,calc((100vw - 860px)/2 + 80px))}html[dir=rtl] .fab{left:max(25px,calc((100vw - 860px)/2 + 15px))}html[dir=rtl] .receipt-fab{left:max(90px,calc((100vw - 860px)/2 + 80px))}}
@media(max-width:370px){header{padding-inline:14px}.brand{font-size:15px;max-width:calc(100% - 94px)}.settings-button{min-width:80px;font-size:10px}.card{padding:17px}.account-identity{gap:10px}.account-emblem{width:45px;height:45px;border-radius:14px}.account-identity h2{font-size:14px}.account-actions button{font-size:9px}.quick-actions{gap:7px}.select-trigger{padding:10px;gap:8px}.select-value{font-size:13px}.choice-sheet{padding-inline:15px}html[dir=rtl] .brand{font-size:15px}.wealth-hero .big{font-size:27px}nav{inset-inline:8px}nav button,html[dir=rtl] nav button{font-size:8px}}
@media(max-height:500px){.choice-sheet{max-height:96dvh}.choice-heading{margin-bottom:10px}.sheet-grip{margin-bottom:10px}}
/* v1.37: compact account content with generous, clearly labelled actions. */
.account-collection .account-card{padding:14px;margin:10px 0;border-radius:19px}
.account-card .account-top{gap:8px}.account-card .account-identity{gap:10px}.account-card .account-identity h2{font-size:16px;margin:0 0 3px}.account-card .account-emblem{width:40px;height:40px;border-radius:13px}.account-card .account-emblem .ui-icon{width:24px;height:24px}
.account-card .account-balance{font-size:clamp(22px,5.8vw,28px);margin:10px 0 12px;line-height:1.2}
.account-card .account-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:10px}
.account-card .account-actions button{display:flex;flex-direction:column;gap:4px;min-width:0;min-height:58px;padding:8px 4px;font-size:13px;font-weight:600;line-height:1.25;background:var(--button);color:var(--text);border:1px solid var(--line);border-radius:12px;white-space:normal;overflow-wrap:anywhere}
.account-card .account-actions button:hover{background:var(--hover)}.account-card .account-actions button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.account-card .account-actions .ui-icon{width:22px;height:22px}
.account-card .term-summary{padding:12px;margin-bottom:12px;border-radius:13px}.account-card .term-summary .term-remaining{margin:10px 0;font-size:14px}.account-card .term-summary .tiny{margin:8px 0}.account-card .credit-usage{margin-bottom:12px}.account-card .investment-value{padding:10px;margin-bottom:12px}.account-card .investment-value strong{margin-top:4px}.account-summary .card{padding:14px;margin:8px 0}.account-summary .ui-icon{margin-bottom:6px}
.account-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.account-summary .card{min-width:0}.account-summary .stat{font-size:clamp(18px,5.4vw,23px);overflow-wrap:anywhere}.account-card .term-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-card .term-grid>div{min-width:0;overflow-wrap:anywhere}
.field input[type=month]{width:100%;min-height:50px;box-sizing:border-box}