:root{font-family:SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#10233f;background:#eef3f8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,select{font:inherit}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(44,116,196,.35);outline-offset:2px}.app-provider{min-height:100vh}.app-shell{--page-bg: #eef3f8;--surface: #fbfdff;--surface-muted: #f4f7fa;--surface-raised: #ffffff;--ink: #10233f;--muted: #607188;--faint: #8b98a9;--line: #dbe3eb;--line-strong: #cbd6e1;--brand: #155596;--brand-strong: #0d3f77;--brand-soft: #e5f0fb;--accent: #14a48b;--danger: #b64545;--shadow: 0 10px 28px rgba(27, 50, 78, .06);min-height:100vh;color:var(--ink);background:var(--page-bg)}.app-shell[data-theme=dark]{--page-bg: #071522;--surface: #0d1e2e;--surface-muted: #112638;--surface-raised: #142a3d;--ink: #e8f0f7;--muted: #a2b1c0;--faint: #8192a3;--line: #263c4f;--line-strong: #385168;--brand: #78b8f1;--brand-strong: #a3d0f7;--brand-soft: #173b59;--accent: #58cdb8;--danger: #f39494;--shadow: 0 16px 34px rgba(0, 0, 0, .2)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;display:flex;width:248px;flex-direction:column;padding:28px 20px 22px;color:#e7f2fc;background:#0b315c;border-right:1px solid rgba(255,255,255,.1)}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup strong{font-size:17px;letter-spacing:.01em}.brand-lockup small{margin-top:3px;color:#e7f2fcad;font-size:11px;letter-spacing:.12em}.brand-mark{position:relative;width:31px;height:35px;flex:0 0 auto}.brand-mark span{position:absolute;width:22px;height:29px;border:1.5px solid rgba(255,255,255,.82);border-radius:5px;background:#174f84}.brand-mark span:nth-child(1){left:1px;top:4px;transform:rotate(-7deg)}.brand-mark span:nth-child(2){left:5px;top:2px}.brand-mark span:nth-child(3){left:9px;top:0;background:linear-gradient(145deg,#2d76b8,#0c3f71)}.side-navigation{display:grid;gap:6px;margin-top:48px}.nav-item{display:flex;width:100%;align-items:center;gap:12px;padding:11px 13px;color:#e7f2fcb8;background:transparent;border:0;border-radius:9px;cursor:pointer;text-align:left;transition:background .14s ease,color .14s ease}.nav-item svg{width:20px;height:20px}.nav-item:hover{color:#f4f9fd;background:#ffffff14}.nav-item-active{color:#fff;background:#ffffff24;box-shadow:inset 3px 0 #6fc5e8}.sidebar-foot{margin-top:auto;padding:16px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:11px}.sidebar-foot p,.sidebar-foot strong,.sidebar-foot span{display:block;margin:0}.sidebar-foot p{margin-bottom:7px;color:#e7f2fc8c;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.sidebar-foot strong{font-size:12px;line-height:1.45}.sidebar-foot span{margin-top:7px;color:#e7f2fc99;font-size:11px;line-height:1.5}.main-shell{min-height:100vh;margin-left:248px}.topbar{display:flex;min-height:116px;align-items:center;justify-content:space-between;gap:28px;padding:22px clamp(24px,4vw,54px);background:color-mix(in srgb,var(--surface) 94%,transparent);border-bottom:1px solid var(--line)}.page-title>span{color:var(--brand);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.page-title>div{display:flex;align-items:center;gap:10px}.demo-pill{padding:3px 7px;color:#7a4c00;background:#fff1c7;border:1px solid #ebcf84;border-radius:6px;font-size:9px;font-weight:650;white-space:nowrap}.app-shell[data-theme=dark] .demo-pill{color:#f0d183;background:#493a18;border-color:#6d5826}.page-title h1{margin:4px 0 0;font-size:clamp(23px,2vw,29px);line-height:1.2;letter-spacing:-.02em}.page-title p{margin:7px 0 0;color:var(--muted);font-size:12px}.topbar-actions{display:flex;align-items:center;gap:8px}.period-field{position:relative;display:grid;gap:3px;min-width:132px;margin-right:4px}.period-field span{color:var(--faint);font-size:10px}.period-field select{width:100%;padding:7px 28px 7px 10px;color:var(--ink);background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:7px}.partner-identity{display:flex;align-items:center;gap:9px;margin-left:8px;padding-left:16px;border-left:1px solid var(--line)}.partner-identity strong,.partner-identity span{display:block;white-space:nowrap}.partner-identity strong{max-width:130px;overflow:hidden;font-size:12px;text-overflow:ellipsis}.partner-identity span{margin-top:2px;color:var(--muted);font-size:10px}.content-shell{width:min(1460px,100%);margin:0 auto;padding:30px clamp(24px,4vw,54px) 54px}.page-stack{display:grid;gap:22px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric-card,.panel,.table-panel,.settlement-row,.asset-card,.settlement-formula{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.metric-card{display:flex;min-height:146px;align-items:flex-start;gap:14px;padding:20px;border-radius:12px}.metric-card-emphasis{background:linear-gradient(145deg,var(--surface),var(--brand-soft));border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}.metric-icon{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;color:var(--brand);background:var(--brand-soft);border-radius:8px}.metric-icon svg{width:19px;height:19px}.metric-label,.metric-value,.metric-note{margin:0}.metric-label{color:var(--muted);font-size:12px}.metric-value{margin-top:8px;font-size:clamp(23px,2.1vw,31px);font-weight:720;letter-spacing:-.035em}.metric-note{margin-top:8px;color:var(--faint);font-size:11px;line-height:1.45}.overview-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(310px,.8fr);gap:18px}.panel{padding:22px;border-radius:13px}.panel-heading,.page-intro-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.panel-heading h2,.panel-heading p,.page-intro-actions h2,.page-intro-actions p{margin:0}.panel-heading h2,.page-intro-actions h2{font-size:16px;letter-spacing:-.01em}.panel-heading p,.page-intro-actions p{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.5}.trend-chart{height:264px;margin-top:22px;padding:20px 2px 0;border-top:1px solid var(--line)}.trend-bars{display:flex;height:100%;align-items:flex-end;gap:clamp(6px,1.6vw,18px)}.trend-column{position:relative;display:flex;height:100%;min-width:0;flex:1;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px}.trend-bar{width:min(28px,66%);min-height:8px;background:linear-gradient(180deg,#4b91ce,var(--brand-strong));border-radius:5px 5px 2px 2px;transition:filter .14s ease}.trend-column:hover .trend-bar{filter:brightness(1.12)}.trend-value{color:var(--muted);font-size:9px;white-space:nowrap}.trend-column>span{color:var(--faint);font-size:9px;white-space:nowrap}.amount-breakdown{display:grid;gap:0;margin:17px 0 0}.amount-breakdown>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.amount-breakdown dt,.amount-breakdown dd{margin:0;font-size:12px}.amount-breakdown dt{color:var(--muted)}.amount-breakdown dd{font-weight:650}.amount-breakdown .amount-total{margin-top:13px;padding:15px;color:var(--brand-strong);background:var(--brand-soft);border:0;border-radius:10px}.amount-total dt,.amount-total dd{color:inherit}.amount-total dd{font-size:18px}.negative{color:var(--danger)!important}.compact-channel-list{display:grid;margin-top:13px}.compact-channel-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 2px;border-top:1px solid var(--line)}.compact-channel-row>div:last-child{text-align:right}.compact-channel-row strong,.compact-channel-row span{display:block}.compact-channel-row strong{font-size:12px}.compact-channel-row span{margin-top:4px;color:var(--muted);font-size:10px}.page-intro-actions{align-items:center;padding:1px 1px 4px}.table-panel{overflow:hidden;border-radius:13px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:15px 17px;text-align:right;border-bottom:1px solid var(--line)}th:first-child,td:first-child{text-align:left}th{color:var(--muted);background:var(--surface-muted);font-size:10px;font-weight:650;letter-spacing:.03em}td{font-size:12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:color-mix(in srgb,var(--brand-soft) 40%,transparent)}.table-secondary{display:block;margin-top:4px;color:var(--faint);font-size:9px;font-weight:450}.table-emphasis,.commission-value{color:var(--brand-strong);font-weight:720}.privacy-note{margin:-8px 1px 0;color:var(--muted);font-size:10px;line-height:1.6}.settlement-formula{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px;border-radius:13px}.settlement-formula p,.settlement-formula h2{margin:0}.settlement-formula p{color:var(--brand);font-size:10px;font-weight:700;letter-spacing:.12em}.settlement-formula h2{margin-top:6px;font-size:16px}.formula{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px;white-space:nowrap}.formula span{padding:8px 10px;color:var(--ink);background:var(--surface-muted);border:1px solid var(--line);border-radius:7px}.formula b{color:var(--brand)}.settlement-list{display:grid;gap:11px}.settlement-row{display:grid;grid-template-columns:170px minmax(0,1fr) auto;align-items:center;gap:22px;padding:19px 21px;border-radius:12px}.settlement-period{display:flex;align-items:center;gap:9px}.settlement-period strong{font-size:14px}.settlement-row dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0}.settlement-row dt,.settlement-row dd{margin:0}.settlement-row dt{color:var(--muted);font-size:9px}.settlement-row dd{margin-top:5px;font-size:12px;font-weight:620}.policy-panel p{margin:11px 0 0;color:var(--muted);font-size:11px;line-height:1.7}.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.asset-card{display:grid;grid-template-columns:164px minmax(0,1fr);gap:20px;padding:20px;border-radius:13px}.qr-frame{display:grid;min-height:164px;place-items:center;padding:9px;background:#f7fafc;border:1px solid #dbe3eb;border-radius:9px}.qr-frame img{display:block;width:100%;height:auto}.asset-copy{display:flex;min-width:0;flex-direction:column}.asset-owner,.asset-copy h3,.asset-url{margin:0}.asset-owner{color:var(--brand);font-size:10px;font-weight:650}.asset-copy h3{margin-top:4px;font-size:16px}.asset-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 0}.asset-meta dt,.asset-meta dd{margin:0}.asset-meta dt{color:var(--muted);font-size:9px}.asset-meta dd{margin-top:4px;overflow:hidden;font-size:11px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.asset-url{margin-top:14px;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.asset-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:17px}.loading-layout,.state-shell{min-height:420px}.loading-layout{display:grid;gap:16px}.skeleton-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.skeleton{background:linear-gradient(90deg,var(--surface-muted),var(--surface-raised),var(--surface-muted));background-size:220% 100%;border-radius:10px;animation:shimmer 1.35s ease-in-out infinite}.skeleton-heading{width:180px;height:28px}.skeleton-card{height:146px}.skeleton-panel{height:330px}.state-shell{display:flex;max-width:680px;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;margin:0 auto}.state-empty{align-items:center;color:var(--muted);text-align:center}.state-empty h2,.state-empty p{margin:0}.state-empty h2{margin-top:12px;color:var(--ink);font-size:18px}.state-empty p{margin-top:7px;font-size:11px}.toast-notice{position:fixed;right:24px;bottom:24px;z-index:50;padding:11px 15px;color:#f5f9fd;background:#12385f;border:1px solid rgba(255,255,255,.16);border-radius:8px;box-shadow:0 12px 30px #04142638;font-size:12px}.mobile-brand,.mobile-navigation{display:none}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(max-width:1180px){.metric-grid,.skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-grid{grid-template-columns:1fr}.settlement-formula{align-items:flex-start;flex-direction:column}.settlement-row{grid-template-columns:145px minmax(0,1fr) auto}}@media(max-width:900px){.sidebar{display:none}.main-shell{margin-left:0}.mobile-brand{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;color:#e7f2fc;background:#0b315c}.mobile-brand>span{color:#e7f2fcad;font-size:10px;letter-spacing:.08em}.mobile-navigation{display:flex;overflow-x:auto;padding:0 14px;background:var(--surface);border-bottom:1px solid var(--line);scrollbar-width:none}.mobile-navigation::-webkit-scrollbar{display:none}.mobile-navigation button{display:flex;min-width:max-content;align-items:center;gap:6px;padding:12px 11px 10px;color:var(--muted);background:transparent;border:0;border-bottom:2px solid transparent;font-size:11px}.mobile-navigation button.mobile-nav-active{color:var(--brand-strong);border-bottom-color:var(--brand)}.topbar{min-height:auto;align-items:flex-end;padding:19px 22px}.partner-identity{display:none}.content-shell{padding:24px 22px 42px}.overview-grid{grid-template-columns:1fr}.settlement-row{grid-template-columns:1fr auto}.settlement-row dl{grid-column:1 / -1;grid-row:2}}@media(max-width:620px){.topbar{align-items:flex-start;flex-direction:column;gap:15px}.topbar-actions{width:100%}.period-field{flex:1}.content-shell{padding-right:15px;padding-left:15px}.metric-grid,.skeleton-grid{grid-template-columns:1fr}.metric-card{min-height:126px}.trend-chart{height:230px;overflow-x:auto}.trend-bars{min-width:620px}.formula{width:100%;align-items:stretch;flex-direction:column;white-space:normal}.formula b{padding-left:8px}.settlement-row dl{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-card{grid-template-columns:1fr}.qr-frame{width:min(230px,100%);min-height:auto;margin:0 auto}.page-intro-actions{align-items:flex-start;flex-direction:column}.toast-notice{right:15px;bottom:15px;left:15px;text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}