:root{--bg-dark: #16161a;--bg-deeper: #101014;--panel-bg: rgba(31, 31, 38, .96);--panel-alt: rgba(24, 24, 30, .96);--accent: #d81b60;--accent-strong: #ff4f93;--accent-soft: rgba(216, 27, 96, .14);--text-main: #f5f5f7;--text-secondary: #d5d7dd;--text-muted: #a7acb8;--success: #23c26b;--danger: #e25572;--warning: #f0ad4e;--border: rgba(255, 255, 255, .1);--border-accent: rgba(216, 27, 96, .38);--shadow: 0 18px 42px rgba(0, 0, 0, .28);--glow-accent: 0 0 0 1px rgba(216, 27, 96, .12), 0 10px 30px rgba(216, 27, 96, .16);--font-main: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;--font-heading: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:linear-gradient(180deg,#15151a,#101014);color:var(--text-main);font-family:var(--font-main);font-size:15px;line-height:1.6}body{background-image:radial-gradient(circle at top right,rgba(216,27,96,.14),transparent 28%),radial-gradient(circle at bottom left,rgba(255,255,255,.04),transparent 22%)}button,input,select,textarea{font:inherit}a{color:var(--accent-strong);text-decoration:none}a:hover{text-decoration:underline}.page-shell{min-height:100vh}.auth-shell{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:32px 20px}.auth-box,.status-box{width:100%;background:linear-gradient(180deg,#212128fa,#18181ef5);border:1px solid var(--border-accent);border-radius:18px;padding:32px;box-shadow:var(--shadow),var(--glow-accent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.auth-box{max-width:460px}.status-box{max-width:720px}.auth-title,.section-title,.brand-title,.page-title{color:var(--text-main);font-family:var(--font-heading)}.auth-title{text-align:center;font-size:28px;font-weight:700;line-height:1.35;margin:0 0 24px}.form-stack{display:flex;flex-direction:column;gap:18px}.input-group label{display:block;font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.input-group input,.input-group select,textarea{width:100%;min-height:46px;padding:12px 14px;background:linear-gradient(180deg,#14141b,#101017);border:1px solid var(--border);border-radius:12px;color:var(--text-main);outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease}.input-group input:focus,.input-group select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d81b6024,0 10px 24px #d81b601f;background:#15151d;transform:translateY(-1px)}.btn,.pixel-btn{position:relative;overflow:hidden;min-height:46px;padding:12px 16px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;font-size:15px;font-weight:700;box-shadow:0 10px 20px #d81b6038}.btn:after,.pixel-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.18) 45%,transparent 100%);transform:translate(-130%);transition:transform .45s ease}.btn:hover,.pixel-btn:hover{background:linear-gradient(135deg,var(--accent-strong) 0%,#ff7dae 100%);border-color:#ffffff29;box-shadow:0 16px 28px #d81b6047;transform:translateY(-1px)}.btn:hover:after,.pixel-btn:hover:after{transform:translate(130%)}.btn:active,.pixel-btn:active{transform:translateY(1px) scale(.995)}.btn:disabled,.pixel-btn:disabled,.small-btn:disabled{opacity:.55;cursor:not-allowed}.muted-links{display:flex;justify-content:space-between;gap:12px;margin-top:20px;font-size:14px}.layout{display:flex;min-height:100vh}.sidebar{width:268px;background:linear-gradient(180deg,#15151bfa,#111116fa);border-right:1px solid var(--border-accent);padding:24px 18px;display:flex;flex-direction:column;gap:10px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sidebar .brand-title{font-size:24px;line-height:1.35;font-weight:700;margin-bottom:16px;padding:0 8px 12px;border-bottom:1px solid var(--border)}.nav-link{display:block;padding:12px 14px;border:1px solid transparent;border-radius:12px;color:var(--text-secondary);transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease;font-size:15px;font-weight:600}.nav-link:hover,.nav-link.active{border-color:var(--border-accent);color:#fff;background:linear-gradient(180deg,#d81b602e,#d81b6017);text-decoration:none;transform:translate(2px);box-shadow:0 8px 18px #d81b601f}.content{flex:1;padding:28px}.panel{position:relative;background:linear-gradient(180deg,#1e1e25fa,#16161cf5);border:1px solid var(--border);border-radius:16px;padding:22px;margin-bottom:20px;box-shadow:0 10px 24px #00000024;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 34%);pointer-events:none}.header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:20px}.page-title{font-size:30px;font-weight:700;line-height:1.3}.page-subtitle{color:var(--text-muted);font-size:15px;line-height:1.7;margin-top:6px;max-width:760px}.section-title{font-size:20px;font-weight:700;margin-bottom:12px}.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.metric-card{border:1px solid var(--border);border-radius:14px;padding:18px;background:linear-gradient(180deg,#ffffff0a,#ffffff04);box-shadow:inset 0 1px #ffffff08,0 10px 24px #0000001f;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.metric-card:hover{transform:translateY(-2px);border-color:#d81b6047;box-shadow:inset 0 1px #ffffff08,0 16px 28px #00000029}.metric-label{color:var(--text-muted);font-size:14px;margin-bottom:10px}.metric-value{color:var(--accent-strong);font-size:28px;font-weight:700}.table-shell{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:8px}th,td{border:1px solid rgba(255,255,255,.08);padding:14px 12px;text-align:left;vertical-align:top;font-size:14px;line-height:1.6}th{background:#d81b601a;color:#fff;font-size:14px;font-weight:700}.badge{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid var(--border);border-radius:999px;font-size:12px;font-weight:700;line-height:1.2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.badge.success{color:var(--success);border-color:#23c26b73}.badge.warning{color:var(--warning);border-color:#f0ad4e73}.badge.danger{color:var(--danger);border-color:#e2557273}.inline-actions{display:flex;flex-wrap:wrap;gap:8px}.small-btn{min-height:38px;padding:8px 12px;background:linear-gradient(180deg,#1d1d26,#171720);border:1px solid var(--border);border-radius:10px;color:var(--text-main);cursor:pointer;font-size:13px;font-weight:600;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.small-btn:hover{border-color:var(--accent);color:#fff;background:linear-gradient(180deg,#d81b602e,#d81b601a);box-shadow:0 10px 18px #d81b6024;transform:translateY(-1px)}.small-btn:active{transform:translateY(1px)}.small-btn.danger{border-color:#e2557259;color:#ffb5c3}.small-btn.danger:hover{background:linear-gradient(180deg,#ef5d79 0%,var(--danger) 100%);color:#fff;border-color:var(--danger)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.helper-text{color:var(--text-muted);font-size:13px;line-height:1.8}p{margin:0}@media (max-width: 900px){.layout{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-accent)}.content{padding:20px}.header-row{flex-direction:column}.page-title{font-size:24px}}