:root{color-scheme:dark;--bg: #07111f;--bg-elevated: #0b1728;--bg-overlay: rgba(6, 11, 22, .78);--surface: rgba(11, 23, 40, .9);--surface-strong: #112035;--surface-soft: rgba(18, 31, 51, .76);--surface-contrast: rgba(255, 255, 255, .04);--border: rgba(137, 163, 199, .16);--border-strong: rgba(137, 163, 199, .24);--text: #f4f8ff;--text-soft: #91a4c0;--text-muted: #68809f;--accent: #4cc9f0;--accent-strong: #239fd0;--success: #38d39f;--warning: #ffb84d;--danger: #ff6b81;--shadow: 0 24px 60px rgba(2, 9, 18, .5);--shadow-soft: 0 10px 28px rgba(2, 9, 18, .28);--radius: 8px;--max-width: 1480px}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}html{background:var(--bg)}body{min-width:320px;font-family:Inter,PingFang SC,SF Pro Display,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(76,201,240,.18),transparent 28%),radial-gradient(circle at top right,rgba(35,159,208,.14),transparent 22%),linear-gradient(180deg,#091321,#07111f 42%,#050c17)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}.page-shell{width:min(100%,var(--max-width));margin:0 auto}.panel{background:linear-gradient(180deg,#112035f0,#0a1524f5);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.section-title{margin:0;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.field-input,.field-textarea,.field-select{width:100%;border:1px solid var(--border);border-radius:8px;background:#ffffff08;color:var(--text);padding:13px 14px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease}.field-input::placeholder,.field-textarea::placeholder{color:#91a4c0bd}.field-input:focus,.field-textarea:focus,.field-select:focus{border-color:#4cc9f08c;box-shadow:0 0 0 3px #4cc9f024;background:#ffffff0d}.field-textarea{min-height:108px;resize:vertical}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid transparent;border-radius:8px;padding:0 16px;background:linear-gradient(135deg,#4cc9f0,#239fd0);color:#04111d;font-weight:700;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease,background .18s ease}.button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #239fd038}.button:focus-visible,.field-input:focus-visible,.field-textarea:focus-visible,.field-select:focus-visible{outline:none}.button:focus-visible{border-color:#f4f8ffe0;box-shadow:0 0 0 3px #4cc9f047,0 12px 24px #239fd038}.field-input:focus-visible,.field-textarea:focus-visible,.field-select:focus-visible{border-color:#4cc9f0ad;box-shadow:0 0 0 3px #4cc9f033}.button:disabled{opacity:.58;cursor:not-allowed;transform:none;box-shadow:none}.button-secondary{background:#ffffff0f;border-color:#ffffff0f;color:var(--text)}.button-secondary:hover,.button-ghost:hover{background:#ffffff1a;box-shadow:none}.button-danger{background:linear-gradient(135deg,#ff6b81,#f24f68);color:#fff}.button-danger:hover{box-shadow:0 12px 24px #f24f6838}.button-ghost{background:transparent;border-color:var(--border);color:var(--text-soft)}.status-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:28px;border-radius:999px;padding:0 12px;border:1px solid transparent;font-size:12px;font-weight:700}.status-pill-success{background:#38d39f1f;border-color:#38d39f33;color:var(--success)}.status-pill-warning{background:#ffb84d1f;border-color:#ffb84d33;color:var(--warning)}.status-pill-danger{background:#ff6b811f;border-color:#ff6b8133;color:var(--danger)}.page-message{border:1px solid transparent;border-radius:8px;padding:12px 14px;font-size:14px;line-height:1.5}.page-message-error{background:#ff6b811a;border-color:#ff6b812e;color:#ffd0d8}.page-message-info{background:#4cc9f01a;border-color:#4cc9f02e;color:#d2f5ff}.page-message-success{background:#38d39f1a;border-color:#38d39f2e;color:#d2ffee}.helper-text{margin:0;color:var(--text-soft);font-size:12px;line-height:1.6}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-tile{position:relative;min-height:132px;overflow:hidden;padding:18px}.metric-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 46%);pointer-events:none}.metric-tile__label{display:block;color:var(--text-soft);font-size:12px;font-weight:600}.metric-tile__value{display:block;margin-top:18px;font-family:JetBrains Mono,SFMono-Regular,Menlo,monospace;font-size:34px;line-height:1;font-weight:700}.metric-tile__meta{display:block;margin-top:10px;color:var(--text-muted);font-size:12px}.admin-page{display:grid;gap:20px}.admin-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.admin-page__header>:first-child{min-width:0}.admin-page__header h1,.admin-page__header h2{margin:8px 0 0;font-size:34px;line-height:1.1;min-width:0;overflow-wrap:anywhere}.admin-page__header p:last-child{margin:10px 0 0;color:var(--text-soft);line-height:1.6}.admin-page__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.data-table-shell{overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#ffffff05}.data-table-scroll{overflow-x:auto}.dialog-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:#030810b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:1279px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.admin-page__header{flex-direction:column}.admin-page__header h1,.admin-page__header h2{font-size:28px}.admin-page__actions{width:100%;justify-content:stretch}.admin-page__actions>*{flex:1 1 100%}.metric-grid{grid-template-columns:1fr}}