:root{color-scheme:light;font-family:Avenir Next,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;font-weight:400;color:#17324d;background:radial-gradient(circle at top left,rgba(243,125,92,.18),transparent 24%),radial-gradient(circle at top right,rgba(7,111,179,.18),transparent 28%),linear-gradient(180deg,#f7f3eb,#f1f6fb 48%,#eef4f8);--surface-border: rgba(19, 76, 117, .08);--surface-shadow: 0 24px 64px rgba(27, 68, 101, .1);--surface-soft-shadow: 0 14px 36px rgba(27, 68, 101, .08);--text-muted: rgba(23, 50, 77, .66);--brand-blue: #0b6ea8;--brand-orange: #ea6c43}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;min-height:100vh;color:inherit;background:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}#app{min-height:100vh}#app,.page,.stack,.content-grid,.panel,.toolbar,.toolbar-group,.table-scroll{min-width:0}.admin-shell{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;padding:24px 20px 18px;background:radial-gradient(circle at top right,rgba(255,255,255,.08),transparent 28%),linear-gradient(180deg,#0c1f34fa,#123b5af5);color:#f5fbff;display:flex;flex-direction:column;gap:26px;border-right:1px solid rgba(255,255,255,.08)}.sidebar__brand{display:flex;align-items:flex-start;justify-content:flex-start}.sidebar__user,.sidebar__account{display:grid;gap:8px}.panel__header h3,.login-card__copy h1,.login-card h2,.modal-card__header h3{margin:0}.login-card__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:12px}.login-card__eyebrow{color:#ffffffad}.sidebar__user span,.muted{color:var(--text-muted)}.sidebar__user span{color:#f5fbffa3}.sidebar__brandmark{position:relative;width:64px;height:64px;border-radius:22px;background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.3),transparent 34%),linear-gradient(145deg,#ff765c,#d92f42 58%,#b91834);box-shadow:0 18px 34px #d92f4257,inset 0 1px #ffffff47;display:grid;place-items:center}.sidebar__brandmark:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:18px;border:1px solid rgba(255,255,255,.14)}.sidebar__brandmark-text{position:relative;z-index:1;color:#fff8f8;font-size:20px;font-weight:800;letter-spacing:-.08em;text-transform:lowercase}.sidebar__nav{display:grid;gap:10px}.nav-link{padding:14px 16px;border-radius:18px;color:#f5fbffc2;font-weight:700;transition:background .2s ease,color .2s ease,transform .2s ease}.nav-link.router-link-active,.nav-link:hover{background:#ffffff1f;color:#fff;box-shadow:inset 0 0 0 1px #ffffff14}.nav-link:hover{transform:translateY(-1px)}.sidebar__footer{margin-top:auto;display:grid;gap:10px;align-items:start}.sidebar__user p{margin:0;font-weight:700;font-size:13px;line-height:1.2}.sidebar__user span{font-size:11px;line-height:1.2}.sidebar__account{justify-items:start}.button--logout{min-height:36px;padding:8px 12px;border-radius:12px;color:#f5fbff;background:#ffffff1a;box-shadow:none}.button--logout:hover{box-shadow:none;background:#ffffff29}.page{padding:28px clamp(20px,3vw,40px) 48px}.stack{display:grid;gap:22px}.toolbar,.toolbar-group,.dialog-actions,.table-actions,.segmented,.trend-chart__legend{display:flex;gap:12px;align-items:center}.toolbar{justify-content:space-between;align-items:flex-start}.toolbar--wrap,.toolbar-group,.dialog-actions,.table-actions,.trend-chart__legend{flex-wrap:wrap}.toolbar--surface{padding:18px 20px;border-radius:24px;background:#ffffffbd;border:1px solid var(--surface-border);box-shadow:var(--surface-soft-shadow)}.toolbar-group--filters{flex:1 1 680px}.toolbar-group--actions{flex:1 1 320px;justify-content:flex-end}.toolbar-group--full{flex-basis:100%;justify-content:flex-start}.toolbar-group--filters>.input{flex:1 1 168px}.toolbar-group--filters>.input[type=datetime-local]{flex-basis:228px}.toolbar-group--filters>.input--small{flex:0 0 124px}.toolbar-group--filters>.button,.toolbar-group--filters>.file-trigger,.toolbar-group--actions>.button,.toolbar-group--actions>.file-trigger{flex:0 0 auto}.segmented{padding:6px;border-radius:18px;background:#113c5d14}.segmented button{border:0;background:transparent;color:#113c5db8;border-radius:12px;padding:10px 16px;font-weight:700;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.segmented button.active{background:#fff;color:#113c5d;box-shadow:0 10px 24px #113c5d1f}.content-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(340px,.95fr);gap:22px;align-items:start}.two-col-grid,.form-grid,.detail-kv,.stats-grid{display:grid;gap:18px}.two-col-grid,.form-grid,.detail-kv{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(4,minmax(180px,1fr))}.panel,.stat-card,.login-card,.modal-card{background:#ffffffd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--surface-border);border-radius:28px;box-shadow:var(--surface-shadow)}.panel,.stat-card,.modal-card__body{padding:24px}.panel--wide{min-width:0}.panel--subtle{padding:18px 20px;background:#f7fafce6;box-shadow:none}.panel__header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:18px}.panel__header p,.panel h4,.login-card__copy p,.modal-card__body p{margin:0}.stat-card{position:relative;display:grid;gap:8px;overflow:hidden}.stat-card:after{content:"";position:absolute;inset:auto -38px -48px auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(234,108,67,.1),transparent 70%)}.stat-card span,.detail-kv span{color:var(--text-muted);font-size:14px}.stat-card strong{font-size:36px;line-height:1}.stat-card small{color:var(--text-muted)}.detail-kv div{padding:16px;border-radius:20px;background:#f7fafce6;border:1px solid rgba(19,76,117,.06)}.detail-kv strong{display:block;margin-top:6px}.input,.field input:not([type=checkbox]):not([type=radio]),.field textarea,.field select{width:100%;min-height:48px;border:1px solid rgba(23,50,77,.14);background:#fffffff5;border-radius:16px;padding:10px 14px;color:inherit;box-shadow:inset 0 1px #ffffffeb;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.input:focus-visible,.field input:not([type=checkbox]):not([type=radio]):focus-visible,.field textarea:focus-visible,.field select:focus-visible{outline:0;border-color:#0b6ea873;box-shadow:0 0 0 4px #0b6ea81f}.field textarea{min-height:120px;resize:vertical}.input--small{width:124px;min-width:124px}.field{display:grid;gap:8px;min-width:0}.field span{font-size:14px;color:#17324db8}.field--full{grid-column:1 / -1}.field--inline{display:flex;align-items:center;gap:10px}.field input[type=checkbox],.data-table input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:11px 18px;font-weight:700;white-space:nowrap;box-shadow:0 10px 24px #113c5d14;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-1px);box-shadow:0 14px 30px #113c5d1f}.button:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}.button--primary{color:#fff;background:linear-gradient(135deg,#f06a44,#d94c52)}.button--secondary{color:#113c5d;background:#113c5d14}.button--ghost{color:#245879;background:#2458790f}.button--block{width:100%;justify-content:center}.table-scroll{overflow-x:auto;padding-bottom:2px}.data-table{width:100%;min-width:max-content;border-collapse:separate;border-spacing:0;font-size:14px}.data-table th,.data-table td{padding:14px 12px;border-bottom:1px solid rgba(23,50,77,.08);vertical-align:top;white-space:nowrap}.data-table th{text-align:left;color:#17324dad;font-weight:700;letter-spacing:.02em}.data-table tbody tr{transition:background .2s ease}.data-table tbody tr:hover{background:#0b6ea80a}.table-actions{gap:10px}.badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge--green{color:#0a6a48;background:#0a6a481f}.badge--red{color:#a22f2f;background:#a22f2f1f}.badge--gray{color:#556679;background:#5566791f}.badge--amber{color:#9a5b10;background:#e49c3c29}.link-button{padding:0;border:0;background:transparent;color:#0c6ca5;font-weight:700}.link-button:hover{color:#084d78;text-decoration:underline}.clickable-row{cursor:pointer}.simple-list{margin:0;padding-left:18px;display:grid;gap:10px}.form-error,.form-success,.form-warning{margin:0;padding:14px 16px;border-radius:16px;border:1px solid transparent}.form-error{background:#b637371f;color:#962f2f;border-color:#b637371f}.form-success{background:#0c754f1f;color:#0d6b49;border-color:#0c754f1f}.form-warning{background:#d6912324;color:#85540e;border-color:#d6912324}.empty-state{padding:36px 24px;text-align:center;color:var(--text-muted);border-radius:22px;background:linear-gradient(180deg,#f8fafcf5,#f3f8fce6);border:1px dashed rgba(23,50,77,.12)}.pagination{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pagination span{font-weight:700;color:#284a64}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1f307a;padding:24px;display:grid;place-items:center;z-index:1000}.modal-card{width:min(100%,960px);max-height:min(86vh,920px);overflow:hidden}.modal-card__header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;border-bottom:1px solid rgba(23,50,77,.08)}.modal-card__body{overflow:auto;max-height:calc(86vh - 78px)}.copy-box,.json-block{margin:0;padding:16px;border-radius:18px;background:#10283e;color:#e8f5ff;overflow:auto}.json-block{font-size:13px}.trend-chart{display:grid;gap:16px}.trend-chart svg{width:100%;height:240px;border-radius:24px;background:linear-gradient(180deg,#076fb30d,#f06a440d)}.trend-chart__grid{stroke:#17324d14;stroke-width:1}.trend-chart__line{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.trend-chart__line--platform{stroke:var(--brand-blue)}.trend-chart__line--third-party{stroke:var(--brand-orange)}.trend-chart__dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.trend-chart__dot--platform{background:var(--brand-blue)}.trend-chart__dot--third-party{background:var(--brand-orange)}.login-page{min-height:100vh;display:grid;place-items:center;padding:40px clamp(20px,4vw,40px)}.login-panel{width:min(420px,100%);padding:28px;display:grid;gap:14px}.login-panel h2{margin:0 0 6px}.login-panel__submit{margin-top:10px}.file-trigger{position:relative;overflow:hidden}.file-trigger input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}@media(max-width:1280px){.content-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1100px){.admin-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar__nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.page{padding:20px 18px 28px}.toolbar--surface{padding:16px}.toolbar-group--actions{justify-content:flex-start}.stats-grid,.form-grid,.two-col-grid,.detail-kv,.sidebar__nav{grid-template-columns:1fr}}@media(max-width:640px){.sidebar{padding:20px 16px}.sidebar__brandmark{width:58px;height:58px;border-radius:20px}.panel,.stat-card,.login-panel,.modal-card{border-radius:24px}.modal-backdrop{padding:16px}}