body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f5f7fa;color:#333}.layout-container{display:flex;min-height:100vh}.sidebar{width:220px;background:#001529;color:#fff;padding:20px 0}.sidebar h2{text-align:center;font-size:18px;margin-bottom:30px;color:#1890ff}.nav-item{padding:12px 24px;cursor:pointer;transition:.3s;font-size:15px;display:block;text-decoration:none;color:#fff}.nav-item:hover,.nav-item.active{background:#1890ff;color:#fff}.main-content{flex:1;padding:24px;overflow-y:auto}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000000d}.card h3{margin:0 0 10px;color:#666;font-size:14px}.card p{margin:0;font-size:28px;font-weight:700;color:#333}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid #eee}th{background:#fafafa;font-weight:600}.status-tag{padding:4px 8px;border-radius:4px;font-size:12px;color:#fff}.status-running{background:#52c41a}.status-pending{background:#faad14}.status-done{background:#1890ff}.sub-tabs{display:flex;gap:20px;margin-bottom:20px;border-bottom:2px solid #eee;padding-bottom:10px}.sub-tab{cursor:pointer;font-size:15px;color:#666;padding-bottom:8px;border-bottom:2px solid transparent;transition:.3s}.sub-tab.active{color:#1890ff;border-bottom-color:#1890ff;font-weight:700}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.btn{padding:8px 16px;border-radius:4px;border:none;cursor:pointer;font-size:14px;transition:.3s}.btn-primary{background:#1890ff;color:#fff}.btn-success{background:#52c41a;color:#fff}.btn-warning{background:#faad14;color:#fff}.btn-danger{background:#ff4d4f;color:#fff}.btn-outline{background:#fff;border:1px solid #ddd;color:#333}.btn:hover{opacity:.85}.search-box{padding:8px 12px;border:1px solid #ddd;border-radius:4px;width:250px;margin-right:10px}.trace-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.trace-item{background:#fafafa;padding:15px;border-radius:6px;border:1px solid #eee}.trace-item label{font-size:12px;color:#888;display:block;margin-bottom:4px}.trace-item span{font-size:14px;font-weight:700;color:#333}.balance-bar{height:20px;background:#f0f0f0;border-radius:10px;overflow:hidden;margin-top:8px}.balance-fill{height:100%;transition:width .5s ease}.alert-box{padding:12px;border-radius:4px;margin-top:15px;font-size:13px;display:flex;align-items:center;gap:8px}.alert-success{background:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.alert-warning{background:#fffbe6;border:1px solid #ffe58f;color:#faad14}