.layout{display:flex;height:100vh;background:#0a0a0a;color:#e0e0e0}.sidebar{width:260px;background:#111;border-right:1px solid #222;display:flex;flex-direction:column;overflow-y:auto}.sidebar-header{padding:24px 20px;border-bottom:1px solid #222}.sidebar-header h1{margin:0;font-size:20px;font-weight:600;color:#fff}.sidebar-header .subtitle{margin:4px 0 0;font-size:12px;color:#666;text-transform:uppercase;letter-spacing:1px}.nav-section{padding:20px 0;border-bottom:1px solid #1a1a1a}.nav-section-title{padding:0 20px 12px;margin:0;font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:1px}.nav-link{display:flex;align-items:center;padding:10px 20px;color:#999;text-decoration:none;transition:all .2s;font-size:14px}.nav-link:hover{background:#1a1a1a;color:#fff}.nav-link.active{background:#1a1a1a;color:#fff;border-left:3px solid #4a9eff;padding-left:17px}.nav-icon{margin-right:12px;font-size:16px}.sidebar-footer{margin-top:auto;padding:20px;border-top:1px solid #222}.status-indicator{display:flex;align-items:center;font-size:12px;color:#666}.status-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;margin-right:8px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.main-content{flex:1;overflow-y:auto;background:#0a0a0a}.page-container{max-width:1400px;margin:0 auto;padding:40px}.page-header{margin-bottom:32px}.page-title{font-size:32px;font-weight:600;margin:0 0 8px;color:#fff}.page-description{font-size:14px;color:#999;margin:0}.card{background:#111;border:1px solid #222;border-radius:8px;padding:24px;margin-bottom:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-title{font-size:18px;font-weight:600;margin:0;color:#fff}.btn{padding:8px 16px;border-radius:6px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#4a9eff;color:#fff}.btn-primary:hover{background:#3a8eef}.btn-secondary{background:#222;color:#fff;border:1px solid #333}.btn-secondary:hover{background:#2a2a2a}.btn-success{background:#4ade80;color:#000}.btn-success:hover{background:#3ace70}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:12px;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #222}.table td{padding:16px 12px;border-bottom:1px solid #1a1a1a;color:#e0e0e0}.table tr:hover{background:#0f0f0f}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:#4ade8020;color:#4ade80}.badge-warning{background:#fbbf2420;color:#fbbf24}.badge-error{background:#ef444420;color:#ef4444}.badge-info{background:#4a9eff20;color:#4a9eff}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state-icon{font-size:48px;margin-bottom:16px}.empty-state-title{font-size:18px;font-weight:600;margin:0 0 8px;color:#999}.empty-state-description{font-size:14px;margin:0 0 24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#111;border:1px solid #222;border-radius:8px;padding:20px}.stat-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-value{font-size:32px;font-weight:600;color:#fff;margin-bottom:4px}.stat-change{font-size:12px;color:#4ade80}.stat-change.negative{color:#ef4444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}