:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fff;--foreground:#0a0a0a;--foreground-soft:#000000b8;--muted:#00000080;--muted-strong:#000000a3;--page:#f4f4f6;--surface:#fff;--surface-muted:#f5f5f5;--surface-subtle:#fafafa;--accent:#000;--accent-soft:#0000000f;--accent-ink:#fff;--border:#00000014;--border-strong:#00000024;--ring:#00000047;--success:#17734f;--success-bg:#eef8f3;--warning:#9a5d0a;--warning-bg:#fff8ea;--danger:#b42318;--danger-bg:#fff1ef;--radius-button:4px;--radius-input:4px;--radius-control:7px;--radius-card:12px;--shadow-panel:0 1px 3px #0000000a, 0 4px 20px #0000000a;--shadow-floating:0 12px 34px #0001, 0 1px 2px #00000009;--font-sans:"Inter", "PingFang SC", "Helvetica Neue", "Microsoft YaHei", Arial, sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}html{background:var(--page)}body{background:var(--page);color:var(--foreground);font-family:var(--font-sans);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.app-shell{min-height:100vh}.app-main{max-width:480px;min-height:100vh;margin:0 auto;padding:14px 14px 104px}.page-stack{flex-direction:column;gap:12px;display:flex}.page-header,.dashboard-hero,.identity-card,.profile-card,.store-panel,.section-block,.login-panel,.detail-card,.info-list,.metric-tile,.quick-grid a,.list-card,.empty-state{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-panel)}.page-header{flex-direction:column;gap:7px;padding:18px;display:flex}.page-header h1,.dashboard-hero h1,.login-hero h1,.identity-card h2,.profile-card h2,.store-panel h2,.section-title h2,.list-card h2,.list-card h3,.empty-state h2{color:var(--foreground);letter-spacing:0;margin:0}.page-header h1{font-size:24px;font-weight:750;line-height:1.18}.page-header p,.dashboard-hero p,.login-hero p,.identity-card p,.profile-card p,.store-panel p,.list-card p,.empty-state p,.muted-copy{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.eyebrow,.hero-kicker{color:#a2a9b7;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:10px;font-weight:750;line-height:1}.dashboard-hero{flex-direction:column;gap:16px;padding:18px;display:flex;position:relative;overflow:hidden}.dashboard-hero:before{content:"";background:linear-gradient(90deg,#0a0a0a,#0000002e);height:3px;position:absolute;top:0;left:0;right:0}.dashboard-hero__content{flex-direction:column;gap:8px;min-width:0;padding-top:2px;display:flex}.dashboard-hero h1,.login-hero h1{font-size:28px;font-weight:800;line-height:1.12}.dashboard-hero p:not(.hero-kicker),.login-hero p:not(.hero-kicker){max-width:28em}.hero-stat-strip{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-card);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;display:grid}.hero-stat-strip span{background:var(--surface);border-radius:var(--radius-control);color:var(--muted);border:1px solid #0000000e;flex-direction:column;gap:5px;min-width:0;padding:11px 10px;font-size:12px;font-weight:650;display:flex}.hero-stat-strip strong{color:var(--foreground);font-size:24px;font-weight:800;line-height:1}.identity-card{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:14px;display:grid}.identity-card__media{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-card);justify-content:center;align-items:center;width:60px;height:60px;display:flex}.identity-card__body{min-width:0}.identity-card h2,.profile-card h2,.store-panel h2{font-size:18px;font-weight:750;line-height:1.25}.identity-card p,.profile-card p,.store-panel p,.list-card p,.empty-state p{margin-top:5px}.avatar{color:#fff;background:linear-gradient(135deg,#111111f0,#616161c7);border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:19px;font-weight:750;display:inline-flex}.avatar.large{width:66px;height:66px;font-size:25px}.pill-row{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.status-pill{background:var(--surface-muted);border:1px solid var(--border);color:var(--muted-strong);white-space:nowrap;border-radius:999px;align-items:center;min-height:25px;padding:5px 10px;font-size:12px;font-weight:650;line-height:1.2;display:inline-flex}.status-pill--default{background:var(--surface-muted);color:var(--muted-strong)}.status-pill--success{background:var(--success-bg);color:var(--success);border-color:#17734f38}.status-pill--warning{background:var(--warning-bg);color:var(--warning);border-color:#9a5d0a38}.status-pill--danger{background:var(--danger-bg);color:var(--danger);border-color:#b4231838}.metric-grid,.quick-grid{gap:10px;display:grid}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-tile{color:var(--foreground);flex-direction:column;gap:8px;min-width:0;min-height:104px;padding:13px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.metric-tile:hover,.quick-grid a:hover,.list-card[href]:hover{border-color:var(--border-strong);box-shadow:var(--shadow-floating)}.metric-tile:active,.quick-grid a:active,.list-card[href]:active{transform:translateY(1px)}.metric-tile svg,.quick-grid svg,.section-title svg,.info-list svg,.store-panel svg,.empty-state svg{color:#00000085;flex:none}.metric-tile span{color:var(--foreground);font-size:27px;font-weight:800;line-height:1}.metric-tile p{color:var(--muted);margin:0;font-size:12px;font-weight:650}.section-block{flex-direction:column;gap:12px;padding:15px;display:flex}.section-title{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.section-title h2{font-size:16px;font-weight:750;line-height:1.3}.section-title a,.inline-link{color:var(--muted-strong);white-space:nowrap;align-items:center;gap:3px;min-height:30px;font-size:13px;font-weight:650;display:inline-flex}.section-title a:hover,.inline-link:hover{color:var(--foreground)}.inline-link{width:fit-content}.list-stack{flex-direction:column;gap:10px;display:flex}.list-card{justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:74px;padding:13px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.list-card>div{min-width:0}.list-card h2,.list-card h3{overflow-wrap:anywhere;font-size:15px;font-weight:700;line-height:1.35}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-grid a{color:var(--foreground-soft);flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:76px;padding:12px 6px;font-size:13px;font-weight:650;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.empty-state{box-shadow:none;color:var(--muted);text-align:center;border-style:dashed;flex-direction:column;align-items:center;gap:8px;padding:24px 14px;display:flex}.empty-state h2{font-size:16px;font-weight:700}.empty-state p{max-width:26em}.segmented{border:1px solid var(--border);border-radius:var(--radius-card);grid-template-columns:repeat(var(--segment-count,4), minmax(0, 1fr));background:#eeeeec;gap:4px;padding:4px;display:grid}.segmented a,.segmented button{border-radius:var(--radius-control);color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;min-height:36px;padding:0 6px;font-size:13px;font-weight:650;display:inline-flex}.segmented a.is-active,.segmented button.is-active{background:var(--surface);color:var(--foreground);box-shadow:0 1px 2px #0000000f}.store-panel{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px;display:grid}.info-list{overflow:hidden}.info-list.compact{box-shadow:none}.info-list div{border-bottom:1px solid #0000000f;grid-template-columns:auto 78px minmax(0,1fr);align-items:center;gap:10px;min-height:54px;padding:0 13px;display:grid}.info-list div:last-child{border-bottom:0}.info-list span{color:var(--muted);font-size:14px}.info-list strong{color:var(--foreground);overflow-wrap:anywhere;text-align:right;min-width:0;font-size:14px;font-weight:650}.profile-card{text-align:center;flex-direction:column;align-items:center;padding:24px 16px;display:flex}.detail-card{flex-direction:column;gap:14px;padding:15px;display:flex}.detail-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.detail-meta>span{color:var(--muted);align-items:center;gap:4px;margin-right:auto;font-size:13px;font-weight:650;display:inline-flex}.long-copy{color:var(--foreground);white-space:pre-wrap;word-break:break-word;font-size:15px;line-height:1.76}.button-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.form-stack,.login-form{flex-direction:column;gap:14px;display:flex}.form-stack label,.login-form label{flex-direction:column;gap:8px;display:flex}.form-stack label>span,.login-form label>span{color:var(--foreground-soft);font-size:13px;font-weight:650}.text-area,.input-wrap{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-input);color:var(--foreground);transition:border-color .16s,box-shadow .16s,background .16s}.text-area{resize:vertical;outline:0;width:100%;min-height:98px;padding:12px}.input-wrap{align-items:center;gap:8px;min-height:42px;padding:0 12px;display:flex}.input-wrap:focus-within,.text-area:focus{border-color:#0006;box-shadow:0 0 0 3px #00000014}.input-wrap svg{color:#0000006b;flex:none}.input-wrap input{color:var(--foreground);background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:14px}.input-wrap input::placeholder,.text-area::placeholder{color:#00000052}.timeline{flex-direction:column;gap:10px;display:flex}.timeline-item{border-left:3px solid #00000052;flex-direction:column;gap:4px;padding:2px 0 2px 12px;display:flex}.timeline-item strong{font-size:14px;line-height:1.45}.timeline-item span{color:var(--muted);font-size:12px}.primary-button,.secondary-button{border-radius:var(--radius-button);border:0;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;padding:0 16px;font-size:13px;font-weight:650;line-height:1.2;transition:background-color .16s,border-color .16s,opacity .16s;display:inline-flex}.primary-button{background:var(--accent);color:var(--accent-ink)}.primary-button:hover{opacity:.86}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{background:var(--surface);border:1px solid var(--border-strong);color:var(--foreground)}.secondary-button:hover{background:var(--surface-muted);border-color:#0000003d}.secondary-button.danger{background:var(--danger-bg);color:var(--danger);border-color:#b4231833}.icon-button{border-radius:var(--radius-button);color:var(--muted);background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.icon-button:hover,.icon-button:active{background:var(--accent-soft);color:var(--foreground)}.form-error,.form-success{border-radius:var(--radius-control);margin:0;padding:10px 12px;font-size:13px;line-height:1.5}.form-error{background:var(--danger-bg);color:var(--danger);border:1px solid #b4231838}.form-success{background:var(--success-bg);color:var(--success);border:1px solid #17734f38}.login-page{flex-direction:column;gap:12px;max-width:430px;min-height:100vh;margin:0 auto;padding:14px 14px 28px;display:flex}.login-hero{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-panel);flex-direction:column;gap:18px;padding:18px;display:flex;position:relative;overflow:hidden}.login-hero:after{content:"";pointer-events:none;background-image:linear-gradient(#00000009 1px,#0000 1px),linear-gradient(90deg,#00000009 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 74%);mask-image:linear-gradient(#000,#0000 74%)}.login-brand-line{color:var(--foreground);z-index:1;align-items:center;gap:10px;font-size:14px;font-weight:750;display:inline-flex;position:relative}.brand-mark{background:var(--foreground);border-radius:50%;width:24px;height:24px;display:inline-flex;position:relative;overflow:hidden}.brand-mark:before{background:var(--surface);content:"";border-radius:50%;width:12px;height:12px;position:absolute;top:5px;left:5px}.brand-mark:after{background:var(--foreground);content:"";border-radius:50%;width:10px;height:10px;position:absolute;top:12px;right:2px}.login-hero h1,.login-hero p{z-index:1;position:relative}.login-preview{border-radius:var(--radius-card);z-index:1;background:#ffffffb3;border:1px solid #00000016;flex-direction:column;gap:12px;margin-top:2px;padding:12px;display:flex;position:relative}.login-preview__top,.login-preview__grid{gap:8px;display:grid}.login-preview__top{grid-template-columns:1fr auto}.login-preview__top span,.login-preview__grid span{background:#00000014;border-radius:999px;height:8px}.login-preview__top span:first-child{width:108px}.login-preview__top span:last-child{width:42px}.login-preview__body{background:var(--surface);border-radius:var(--radius-control);color:var(--foreground);border:1px solid #0001;flex-direction:column;gap:4px;padding:14px;display:flex}.login-preview__body strong{font-size:28px;font-weight:800;line-height:1}.login-preview__body span{color:var(--muted);font-size:13px;font-weight:650}.login-preview__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.login-preview__grid span{border-radius:var(--radius-control);height:44px}.login-panel{padding:18px}.login-panel__header{text-align:center;margin-bottom:18px}.login-panel__header h2{color:var(--foreground);margin:0 0 6px;font-size:22px;font-weight:750;line-height:1.18}.login-panel__header p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.bottom-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:calc(68px + env(safe-area-inset-bottom));padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:20;background:#fffffff0;border-top:1px solid #00000014;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 30px #00000014}.bottom-nav__item{border-radius:var(--radius-button);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;font-size:11px;font-weight:650;display:flex}.bottom-nav__item.is-active{background:var(--accent);color:var(--accent-ink)}.skeleton{border-radius:var(--radius-card);background:linear-gradient(90deg,#ececef,#fafafa,#ececef) 0 0/200% 100%;animation:1.2s ease-in-out infinite pulse}.skeleton-title{height:72px}.skeleton-card{height:112px}@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:390px){.app-main,.login-page{padding-left:12px;padding-right:12px}.dashboard-hero h1,.login-hero h1{font-size:26px}.metric-tile{padding:12px 10px}.metric-tile span{font-size:25px}.quick-grid a{font-size:12px}}@media (min-width:768px){.app-main,.login-page{padding-top:24px}.page-header h1,.dashboard-hero h1,.login-hero h1{font-size:32px}.bottom-nav{border-radius:var(--radius-card);border:1px solid #00000014;width:calc(100% - 32px);max-width:430px;min-height:66px;padding:8px;bottom:18px;left:50%;right:auto;transform:translate(-50%)}}