:root{color-scheme:light;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:radial-gradient(circle at top left,rgba(210,180,140,.28),transparent 32%),radial-gradient(circle at top right,rgba(23,64,97,.12),transparent 30%),linear-gradient(180deg,#f8f3ea,#f4efe6 28%,#eef2f7);color:#162235}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;color:#162235;background:radial-gradient(circle at top left,rgba(210,180,140,.25),transparent 30%),radial-gradient(circle at 80% 10%,rgba(13,53,88,.12),transparent 28%),linear-gradient(180deg,#f7f1e8,#edf2f7)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.4),transparent 75%);mask-image:linear-gradient(180deg,rgba(0,0,0,.4),transparent 75%)}button,input,select,textarea{font:inherit}button{transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}button:hover{transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}input,select,textarea{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#0c3a628c;box-shadow:0 0 0 4px #1c5b911a;background:#fffef9}h1,h2,h3,p{margin-top:0}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:100vh}.sidebar{padding:28px 24px;color:#f6f4ef;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;min-height:100vh}.sidebar--premium{background:radial-gradient(circle at top,rgba(221,189,144,.18),transparent 36%),linear-gradient(180deg,#0f2236,#102843 55%,#132f4e);border-right:1px solid rgba(255,255,255,.08)}.brand-block{display:grid;gap:12px;align-items:flex-start}.brand-logo--standalone{width:132px;max-width:100%}.brand-logo{width:100%;padding:0 10px;height:auto;display:block}.brand-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:24px;font-weight:700;color:#10253f;background:linear-gradient(135deg,#f3e0bf,#d6b07f);box-shadow:0 14px 40px #0003}.sidebar h1{margin-bottom:6px;font-size:26px;line-height:1.05}.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#9aafc3}.sidebar-copy,.muted{color:#f4f6f9c2}.muted{color:#647487}.muted--small{font-size:13px}.sidebar-signal{display:grid;gap:10px}.signal-card{padding:14px;border-radius:18px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);display:grid;gap:4px}.signal-card span{font-size:12px;color:#a8bbcf}.signal-card strong{font-size:15px;color:#fff}.signal-card--alt{background:#e8cca21a}.nav-stack{display:grid;gap:10px}.nav-link{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;opacity:.88;border:1px solid transparent}.nav-link__code{display:inline-flex;width:28px;justify-content:center;color:#d6b07f;font-size:12px;letter-spacing:.08em}.nav-link.active,.nav-link:hover{opacity:1;background:#ffffff1a;border-color:#ffffff14}.sidebar-panel{padding:16px;border-radius:18px;background:#ffffff14;display:grid;gap:8px}.sidebar-panel__label{font-size:12px;color:#a8bbcf}.sidebar-panel--muted{background:#ffffff0a}.shell-select,.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:12px 14px;border:1px solid rgba(184,196,211,.65);border-radius:14px;background:#ffffffe0;color:#162235}.ghost-button,.primary-button,.secondary-button{padding:12px 16px;border-radius:14px;border:none;cursor:pointer;font-weight:600}.primary-button{color:#fffefb;background:linear-gradient(135deg,#0d4f80,#143f66);box-shadow:0 12px 28px #143f6633}.primary-button--wide{width:100%}.secondary-button{color:#17324f;background:#ffffffb8;border:1px solid rgba(22,50,79,.12)}.ghost-button{background:#ffffff1a;color:inherit}.ghost-button--sidebar{margin-top:auto}.content{padding:26px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.topbar__title{margin-top:6px;margin-bottom:0;font-size:32px;line-height:1.1}.topbar__pill,.tag,.chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600}.topbar__pill{color:#184062;background:#ffffffb8;border:1px solid rgba(20,63,102,.12)}.topbar__pill--subtle,.tag{color:#7a5a2d;background:#ebd6b480}.dashboard-page,.product-detail-page{display:grid;gap:22px}.hero-card,.page-card,.panel,.stat-card,.info-card,.product-card,.list-card,.login-card,.summary-card{background:#ffffffc7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.64);box-shadow:0 22px 48px #13253817}.hero-card,.page-card,.panel,.login-card,.summary-card,.list-card{border-radius:28px;padding:24px}.hero-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.9fr);gap:24px;overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;inset:auto -40px -40px auto;width:220px;height:220px;background:radial-gradient(circle,rgba(214,176,127,.2),transparent 72%)}.hero-card--utility{grid-template-columns:minmax(0,1.3fr) minmax(300px,.85fr);align-items:end;gap:28px}.hero-card--utility:after{inset:auto -80px -90px auto;width:260px;height:260px;background:radial-gradient(circle,rgba(214,176,127,.16),transparent 74%)}.hero-card--product{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr)}.hero-card__title{margin:8px 0 12px;font-size:clamp(30px,4vw,46px);line-height:1.02}.hero-card__copy{margin-bottom:0;max-width:760px;color:#536273;font-size:16px;line-height:1.7}.hero-copy-block{display:grid;gap:10px;align-content:start}.hero-utility__copy{margin:0;max-width:720px;color:#4f6072;font-size:16px;line-height:1.7}.hero-utility__note{margin:0;color:#778799;font-size:14px;line-height:1.6}.hero-card__actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:12px}.hero-slab,.hero-card__aside{display:grid;gap:14px;align-content:start}.summary-card{background:linear-gradient(180deg,#102843f2,#153858f0);color:#f7f4ef}.summary-card__label{font-size:12px;color:#a9bdd0;text-transform:uppercase;letter-spacing:.14em}.summary-card__value{margin-top:8px;font-size:32px;font-weight:700}.summary-card__caption{margin-top:12px;color:#d8e0e8;line-height:1.6}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-card{padding:20px;border-radius:22px}.stat-card--premium{background:linear-gradient(180deg,#ffffffe6,#f9f5eef0)}.stat-label{color:#5c6a78;font-size:13px}.stat-value{margin-top:12px;font-size:28px;font-weight:700;line-height:1.1}.stat-footnote{margin-top:10px;color:#728193;font-size:13px}.dashboard-grid,.content-grid,.product-grid,.account-grid,.metrics-row,.feature-grid,.term-grid{display:grid;gap:18px}.dashboard-grid,.content-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}.product-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.term-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.panel-header,.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.page-header--stacked{align-items:flex-start}.page-header--compact{margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid rgba(24,64,98,.08)}.page-header__copy{margin:8px 0 0;color:#617285;font-size:15px;line-height:1.6}.panel h3,.page-header h2,.page-header h3{margin-bottom:0}.page-card--product-shelf{display:grid;gap:22px}.page-intro{display:flex;justify-content:space-between;align-items:end;gap:18px;padding-bottom:16px;border-bottom:1px solid rgba(24,64,98,.08)}.page-intro__copy{margin:8px 0 0;max-width:640px;color:#5d6d7f;font-size:15px;line-height:1.65}.page-intro__stats{display:flex;justify-content:flex-end}.hero-utility__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:end}.page-stat{min-width:136px;padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,#f5f8fcf5,#ecf2f8f5);border:1px solid rgba(24,64,98,.08)}.page-stat__label{display:block;color:#738295;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.page-stat__value{display:block;margin-top:10px;color:#162235;font-size:28px;line-height:1}.list-table{display:grid;gap:10px}.list-table__head,.list-table__row{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:12px;align-items:center}.list-table__head{padding-bottom:10px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#748294;border-bottom:1px solid rgba(24,64,98,.1)}.list-table__row{padding:14px 0;border-bottom:1px solid rgba(24,64,98,.08)}.list-table__row:last-child{border-bottom:none}.activity-stack{display:grid;gap:14px}.activity-item,.data-pair,.term-item,.account-item{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.activity-item{padding:14px 16px;border-radius:18px;background:#ffffff8c}.activity-item__label{color:#647487}.product-card{display:grid;gap:16px;padding:22px;border-radius:24px;color:inherit}.product-card:hover{transform:translateY(-4px);box-shadow:0 28px 52px #1325381f}.product-card__meta,.product-card__footer,.product-hero__meta,.metric-strip{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.product-card__currency,.tag--dark{padding:6px 10px;border-radius:999px;background:#0f2236e6;color:#f6f4ef;font-size:12px}.product-card h3{margin-bottom:0;font-size:24px}.product-card__footer{justify-content:space-between;color:#57687b;font-size:14px}.metric-chip{min-width:144px;padding:16px;border-radius:20px;background:#ffffff9e;border:1px solid rgba(24,64,98,.08)}.metric-chip__label{display:block;font-size:12px;color:#728193}.metric-chip__value{display:block;margin-top:6px;font-size:18px;font-weight:700}.detail-grid,.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.detail-item,.info-card{padding:18px;border-radius:20px;background:#fff9}.detail-item span,.info-card__label,.term-item span,.account-item span,.data-pair span{color:#728193;font-size:13px}.detail-item strong,.info-card__value,.term-item strong,.account-item strong,.data-pair strong{display:block;margin-top:8px;font-size:16px;line-height:1.5}.detail-copy{color:#506071;line-height:1.8}.table-wrap{overflow-x:auto;border-radius:18px;background:#ffffff75}.table{width:100%;border-collapse:collapse;min-width:680px}.table th,.table td{padding:16px 14px;text-align:left;border-bottom:1px solid rgba(24,64,98,.08)}.table th{color:#627488;font-weight:600;font-size:13px}.table tbody tr:hover{background:#ffffff7a}.kicker-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.info-banner{padding:16px 18px;border-radius:18px;background:#d6b07f29;color:#6d552c;font-size:14px}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr)}.login-hero,.login-panel{padding:40px;display:flex;align-items:center}.login-hero{color:#f7f3ee;background:radial-gradient(circle at top,rgba(221,189,144,.18),transparent 34%),linear-gradient(180deg,#0f2236,#122e4b)}.login-hero__content{max-width:640px}.login-hero__lead{max-width:560px;font-size:clamp(34px,4.6vw,58px);line-height:1.02;margin:14px 0 18px}.login-hero__note,.login-copy{color:#f6f4efcc;line-height:1.8}.login-metrics{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:14px;margin-top:28px}.login-metric{padding:18px;border-radius:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.login-metric__value{display:block;font-size:28px;font-weight:700}.login-metric__label{display:block;margin-top:8px;color:#b7c7d8;font-size:13px}.login-panel{justify-content:center}.login-card{width:min(520px,100%)}.form-grid{display:grid;gap:14px}.form-grid label{display:grid;gap:8px;color:#314357}.login-account-grid{display:grid;gap:10px;margin-top:18px}.login-account-item{padding:14px 16px;border-radius:18px;background:#f6f1e7e0;border:1px solid rgba(214,176,127,.22)}.login-account-item strong{display:block;margin-bottom:6px}.error-text{color:#b63b2f}.page-loading,.empty-state{padding:28px;text-align:center;color:#607184}@media(max-width:1180px){.shell,.login-page,.dashboard-grid,.content-grid,.hero-card,.hero-card--product{grid-template-columns:1fr}.sidebar{position:relative;min-height:auto}}@media(max-width:780px){.content,.login-hero,.login-panel,.sidebar{padding:20px}.topbar,.page-intro,.page-header,.panel-header,.activity-item,.account-item,.data-pair,.term-item{flex-direction:column}.login-metrics,.hero-utility__metrics,.list-table__head,.list-table__row{grid-template-columns:1fr}.table{min-width:560px}.topbar__title{font-size:28px}}