*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{color:#1a1a2e;background:#f0f2f5;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}:root{--primary:#6c5ce7;--primary-light:#a29bfe;--primary-dark:#5a4bd1;--success:#00b894;--warning:#fdcb6e;--danger:#d63031;--gray-50:#f8f9fa;--gray-100:#f0f2f5;--gray-200:#e8e8e8;--gray-300:#dfe6e9;--gray-400:#b2bec3;--gray-500:#636e72;--gray-600:#2d3436;--sidebar-bg:#1a1a2e;--sidebar-width:240px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-card:0 1px 3px #0000000f;--shadow-hover:0 4px 12px #00000014;--shadow-lg:0 12px 40px #0000001f}.page-wrap{margin-left:var(--sidebar-width);min-height:100vh;padding:28px 32px}.page-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.page-header h1{color:var(--gray-600);font-size:22px;font-weight:700}.card{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fff;padding:24px;transition:box-shadow .2s}.card-hover:hover{box-shadow:var(--shadow-hover)}.card-flush{padding:0;overflow:hidden}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-3,.grid-4{grid-template-columns:1fr}.page-wrap{padding:16px}}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:1.5rem;display:grid}.stat{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border-left:4px solid var(--primary);background:#fff;padding:20px}.stat-value{font-size:28px;font-weight:700;line-height:1.2}.stat-label{color:var(--gray-500);margin-top:4px;font-size:13px;font-weight:500}.stat-sub{color:var(--gray-400);font-size:12px}.page-title{color:var(--gray-600);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.btn{border-radius:var(--radius-md);border:none;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover{opacity:.9;transform:translateY(-1px)}.btn-primary{background:var(--primary);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-warning{background:var(--warning);color:var(--gray-600)}.btn-ghost{background:var(--gray-100);color:var(--gray-500)}.btn-sm{padding:6px 12px;font-size:12px}.btn-icon{border-radius:var(--radius-sm);justify-content:center;width:32px;height:32px;padding:0}.input{border:2px solid var(--gray-200);border-radius:var(--radius-md);background:#fff;outline:none;padding:10px 14px;font-size:14px;transition:border .15s}.input:focus{border-color:var(--primary)}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px;margin-bottom:.35rem;font-size:.8rem;font-weight:600;display:block}.form-input{border:2px solid var(--gray-200);border-radius:var(--radius-md);background:#fff;outline:none;width:100%;padding:.6rem .8rem;font-size:.9rem;transition:border .15s}.form-input:focus{border-color:var(--primary)}@media (max-width:600px){.form-grid{grid-template-columns:1fr}}.badge{border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{color:var(--success);background:#e8f8f0}.badge-danger{color:var(--danger);background:#fce8e8}.badge-warning{color:#e17055;background:#fef7e0}.badge-info{color:var(--primary);background:#eee8fd}.badge-gray{background:var(--gray-100);color:var(--gray-500)}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500);border-bottom:2px solid var(--gray-200);background:var(--gray-50);padding:14px 12px;font-size:11px;font-weight:700}.data-table td{border-bottom:1px solid var(--gray-100);padding:14px 12px;font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--gray-50)}code{background:var(--gray-100);border-radius:4px;padding:2px 6px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.85em}.empty{text-align:center;padding:60px 20px}.empty-icon{margin-bottom:12px;font-size:48px}.empty h3{color:var(--gray-500);margin-bottom:6px;font-size:16px}.empty p{color:var(--gray-400);font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}