:root{--color-bg:#f5f6f8;--color-surface:#ffffff;--color-surface-hover:#f9fafb;--color-border:#e5e6eb;--color-border-strong:#d0d3d9;--color-text:#1f2329;--color-text-secondary:#646a73;--color-text-muted:#8f959e;--color-primary:#245bdb;--color-primary-hover:#1e4fc4;--color-primary-light:#eef2ff;--color-success:#1a7f37;--color-success-light:#e6f4ea;--color-warning:#b35900;--color-warning-light:#fff3e0;--color-error:#c81e1e;--color-error-light:#fde8e8;--color-info:#245bdb;--color-info-light:#eef2ff;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.08);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:30px;--sidebar-width:240px;--sidebar-collapsed-width:64px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-base);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.layout{display:flex;min-height:100vh}.main{flex:1 1;padding:var(--space-6) var(--space-8);min-width:0;max-width:1440px}@media (max-width:768px){.main{padding:var(--space-4)}}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);color:var(--color-text);flex-shrink:0;display:flex;flex-direction:column;transition:width .2s ease;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar .brand{padding:var(--space-5) var(--space-5) var(--space-4);font-weight:700;font-size:var(--font-size-lg);color:var(--color-text);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.sidebar.collapsed .brand{justify-content:center;padding:var(--space-5) var(--space-2)}.sidebar .brand-text{white-space:nowrap;overflow:hidden}.sidebar.collapsed .brand-text{display:none}.sidebar .collapse-btn{background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:18px;padding:4px;border-radius:var(--radius-sm)}.sidebar .collapse-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.sidebar nav{flex:1 1;padding:var(--space-3) var(--space-2)}.sidebar nav a{display:flex;align-items:center;gap:var(--space-3);padding:10px var(--space-3);font-size:var(--font-size-base);border-radius:var(--radius-md);margin-bottom:2px;color:var(--color-text-secondary);transition:all .15s ease;position:relative}.sidebar nav a:hover{background:var(--color-surface-hover);color:var(--color-text)}.sidebar nav a.nav-active{background:var(--color-primary-light);color:var(--color-primary);font-weight:500}.sidebar nav a .nav-icon{width:20px;text-align:center;flex-shrink:0;font-size:16px}.sidebar nav a .nav-label{white-space:nowrap;overflow:hidden}.sidebar.collapsed nav a{justify-content:center;padding:10px}.sidebar.collapsed nav a .nav-label{display:none}.sidebar.collapsed nav a .nav-icon{width:auto}.sidebar.collapsed nav a:hover:after{content:attr(data-label);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:8px;padding:4px 8px;background:var(--color-text);color:var(--color-surface);font-size:var(--font-size-xs);border-radius:var(--radius-sm);white-space:nowrap;z-index:100}.sidebar-user{padding:var(--space-4) var(--space-3);border-top:1px solid var(--color-border);font-size:var(--font-size-sm)}.sidebar-user .user-name{font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user .user-role{color:var(--color-text-muted);margin:2px 0 10px;font-size:var(--font-size-xs)}.sidebar-user .guest-badge{background:var(--color-warning-light);color:var(--color-warning)}.sidebar-user .admin-badge,.sidebar-user .guest-badge{display:inline-block;padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.sidebar-user .admin-badge{background:var(--color-primary-light);color:var(--color-primary)}.sidebar-user button{width:100%;padding:8px;background:var(--color-surface-hover);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:all .15s ease}.sidebar-user button:hover{background:var(--color-error-light);color:var(--color-error);border-color:var(--color-error)}.sidebar.collapsed .sidebar-user{padding:var(--space-3) var(--space-2)}.sidebar.collapsed .sidebar-user .user-name,.sidebar.collapsed .sidebar-user .user-role{display:none}.sidebar.collapsed .sidebar-user button{padding:8px 4px;font-size:12px}.page-header{margin-bottom:var(--space-6)}.page-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-1)}.page-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-md)}.card-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-4);color:var(--color-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.form-input,.form-select{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--color-surface);color:var(--color-text);transition:all .15s ease}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgb(36 91 219/.1)}.form-input::placeholder{color:var(--color-text-muted)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;margin-right:6px;line-height:1.4}.badge-default{background:var(--color-surface-hover);color:var(--color-text-secondary)}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-error{background:var(--color-error-light);color:var(--color-error)}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.table-wrap,table{background:var(--color-surface)}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px 16px;border-bottom:1px solid var(--color-border);font-size:var(--font-size-base)}th{color:var(--color-text-secondary);font-weight:600;font-size:var(--font-size-sm);background:var(--color-surface-hover);white-space:nowrap}td{color:var(--color-text)}tbody tr:hover{background:var(--color-surface-hover)}tbody tr:last-child td{border-bottom:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-sm)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:4px}.stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text)}.stat-value.primary{color:var(--color-primary)}.stat-value.success{color:var(--color-success)}.stat-value.warning{color:var(--color-warning)}.collapse-section{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);overflow:hidden}.collapse-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-surface-hover);cursor:pointer;font-weight:500;color:var(--color-text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.collapse-header:hover{background:var(--color-border)}.collapse-content{padding:16px;background:var(--color-surface);border-top:1px solid var(--color-border)}.score{font-weight:700;color:var(--color-primary)}.placeholder{background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-10);text-align:center;color:var(--color-text-secondary)}.badge-mock{background:var(--color-warning-light);color:var(--color-warning)}.badge-low{background:var(--color-success-light);color:var(--color-success)}.badge-medium{background:var(--color-warning-light);color:var(--color-warning)}.badge-high{background:var(--color-error-light);color:var(--color-error)}