*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#eaeaea;background:#0f1419;min-height:100vh;font-family:Segoe UI,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}.main{flex:1;display:flex}.content{color:#333;background:#f0f2f5;flex:1;padding:24px;overflow-y:auto}.loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:300px;display:flex}.spinner{border:3px solid #e53e3e33;border-top-color:#e53e3e;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card{background:#fff;border-radius:10px;margin-bottom:20px;padding:20px;box-shadow:0 2px 8px #00000014}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-box{text-align:center;background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #00000014}.stat-box h3{color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:12px}.stat-box .number{color:#e53e3e;font-size:32px;font-weight:800}table{border-collapse:collapse;width:100%}th{text-align:left;color:#888;background:#f8f9fa;border-bottom:2px solid #e9ecef;padding:12px 14px;font-size:12px}td{border-bottom:1px solid #f0f0f0;padding:10px 14px;font-size:13px}tr:hover td{background:#f8f9fa}input,select,textarea{font-family:inherit}button{cursor:pointer;font-family:inherit}