.app-layout{display:flex;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.page-content{flex:1;padding:24px;overflow-y:auto}.sidebar{width:220px;background:#161b22;border-right:1px solid #30363d;padding:16px 0;display:flex;flex-direction:column}.sidebar.closed{width:0;overflow:hidden;padding:0}.sidebar-brand{padding:8px 20px 24px;font-size:18px;font-weight:700;color:#58a6ff;letter-spacing:1px}.sidebar-nav{list-style:none;padding:0}.sidebar-nav a{display:block;padding:10px 20px;color:#8b949e;text-decoration:none;font-size:14px;transition:background .15s,color .15s}.sidebar-nav a:hover,.sidebar-nav a.active{background:#1f2937;color:#e1e4e8}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#161b22;border-bottom:1px solid #30363d}.header-toggle{background:none;border:1px solid #30363d;color:#8b949e;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:16px}.header-status{display:flex;align-items:center;gap:12px;font-size:13px;color:#8b949e}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online{background:#3fb950}.status-dot.offline{background:#f85149}.card{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:20px;margin-bottom:16px}.card-title{font-size:14px;font-weight:600;color:#8b949e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.card-value{font-size:28px;font-weight:700;color:#e1e4e8}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:10px 12px;color:#8b949e;font-weight:600;border-bottom:1px solid #30363d}td{padding:10px 12px;border-bottom:1px solid #21262d;color:#c9d1d9}tr:hover td{background:#1c2128}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.badge-success{background:#1b4332;color:#3fb950}.badge-warning{background:#3d2e00;color:#d29922}.badge-danger{background:#3d1a1a;color:#f85149}.badge-info{background:#0c2d48;color:#58a6ff}.page-title{font-size:22px;font-weight:700;margin-bottom:20px;color:#e1e4e8}