*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Arial,sans-serif}:root{--bg-main:#f0f3f8;--sidebar-bg:#0d1b2a;--card-bg:#fff;--text-main:#1b263b;--text-muted:#627285;--border-color:#e2e8f0;--accent-green:#2a9d8f}body{background:var(--bg-main);color:var(--text-main);display:flex;height:100vh;overflow:hidden}aside{width:260px;background:var(--sidebar-bg);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:20px 15px;z-index:10}.logo-area{display:flex;flex-direction:column;align-items:center;padding-bottom:20px;border-bottom:1px solid #ffffff1a;margin-bottom:15px;text-align:center}.avatar{width:60px;height:60px;border-radius:50%;background:#fff;margin-bottom:8px;display:flex;align-items:center;justify-content:center;border:2px solid var(--accent-green);font-size:28px;color:var(--sidebar-bg)}.logo-area h3{font-size:15px;font-weight:600}.logo-area span{font-size:11px;color:#a0aec0}.nav-menu{list-style:none;overflow-y:auto;max-height:calc(100vh - 220px)}.nav-menu::-webkit-scrollbar{width:4px}.nav-menu::-webkit-scrollbar-thumb{background:#ffffff33;border-radius:4px}.nav-item{width:100%;padding:10px 12px;font-size:13px;color:#cbd5e1;border-radius:6px;margin-bottom:4px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none;border:0;background:transparent;text-align:left;cursor:pointer}.nav-item:hover,.nav-item.active{background:#1b263b;color:#fff}.nav-item.active{border-left:3px solid #3b82f6}.nav-item.muted{cursor:default}.dynamic-submenu{list-style:none;padding-left:12px}.dynamic-submenu .nav-item{font-size:12px}.sidebar-footer{padding-top:15px;border-top:1px solid #ffffff1a}.logout-btn{background:none;border:0;color:#f87171;font-size:13px;width:100%;padding:8px 12px;text-align:left}main{flex:1;display:flex;flex-direction:column;overflow:hidden}.top-bar{background:var(--sidebar-bg);color:#fff;min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;font-size:13px;gap:12px}.system-title{font-weight:700;letter-spacing:.5px}.status-indicators{display:flex;gap:15px;align-items:center;font-size:12px;flex-wrap:wrap}.status-pill{display:flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%}.dot.neutral{background:#94a3b8}.user-profile-top{display:flex;align-items:center;gap:8px;font-size:12px}.dashboard-content{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.welcome-section h1{font-size:18px;font-weight:700}.welcome-section p{font-size:12px;color:var(--text-muted);margin-top:2px}.grid-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:15px;box-shadow:0 1px 3px #00000008}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:600}.card-header h2{font-size:13px;font-weight:600}.metric-row{margin-bottom:8px}.metric-info{display:flex;justify-content:space-between;font-size:12px;margin-bottom:3px}.progress-bar{width:100%;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;background:#22c55e;width:0;transition:width .2s}.vps-footer{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);margin-top:10px;padding-top:8px;border-top:1px solid var(--border-color);gap:8px}.execution-box{background:#f8fafc;border:1px solid var(--border-color);border-radius:6px;padding:10px;font-size:12px}.execution-box .title{font-weight:600;margin-bottom:4px}.execution-box p{font-size:11px;color:var(--text-muted)}.approval-card{background:#fef3c7;border-color:#fde68a}.approval-card .card-header{color:#92400e}.approval-content{font-size:12px;margin-bottom:10px}.approval-content span{color:var(--text-muted)}.approval-actions{display:flex;gap:8px}.btn{padding:4px 12px;font-size:11px;font-weight:600;border-radius:4px;border:0;opacity:.55;cursor:not-allowed}.btn-approve{background:#22c55e;color:#fff}.btn-deny{background:#ef4444;color:#fff}.agents-list{display:flex;flex-direction:column;gap:6px}.agent-row{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#f8fafc;border-radius:4px;font-size:12px;gap:8px}.agent-detail{display:block;color:var(--text-muted);font-size:11px;margin-top:2px}.timeline{display:flex;flex-direction:column;gap:8px;font-size:12px}.timeline-item{display:flex;justify-content:space-between;align-items:center;border-left:2px solid #3b82f6;padding-left:8px;gap:8px}.timeline-time{font-size:11px;color:var(--text-muted)}.security-list{font-size:11px;display:flex;flex-direction:column;gap:6px}.governance-chain p{font-size:11px;color:var(--text-muted);margin-top:10px}.chain{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px}.chain span{background:#f8fafc;border:1px solid var(--border-color);border-radius:4px;padding:5px 7px}.chain b{color:#627285}.page-footer{text-align:center;font-size:11px;color:var(--text-muted);padding:8px 0;border-top:1px solid var(--border-color)}@media(max-width:1100px){aside{width:230px}.grid-row{grid-template-columns:repeat(2,1fr)}.status-indicators{gap:8px}}@media(max-width:800px){body{height:auto;min-height:100vh;overflow:auto}aside{width:210px;min-height:100vh}.top-bar{height:auto;padding:10px 15px}.grid-row{grid-template-columns:1fr}.dashboard-content{padding:15px}}@media(max-width:600px){body{display:block}aside{width:100%;min-height:initial}.nav-menu{max-height:260px}.sidebar-footer{display:none}main{min-height:100vh}.top-bar{align-items:flex-start;flex-direction:column}.vps-footer{flex-direction:column}}