*{box-sizing:border-box;margin:0;padding:0}body{background:#f0f2f5;color:#333;font-family:Segoe UI,Microsoft YaHei,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{align-items:center;background:#2c3e50;color:#ecf0f1;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:16px 24px}.app-header h1{font-size:20px;font-weight:600}.app-header .server-info{align-items:center;display:flex;font-size:14px;gap:12px}.app-header .server-info input{background:#34495e;border:none;border-radius:4px;color:#ecf0f1;padding:6px 12px;width:160px}.app-header .server-info input::placeholder{color:#95a5a6}.app-header .server-info .status{border-radius:12px;font-size:13px;padding:4px 12px}.status.online{background:#27ae60;color:#fff}.status.offline{background:#e74c3c;color:#fff}.app-body{display:flex;flex:1 1}.app-sidebar{background:#34495e;color:#ecf0f1;flex-shrink:0;overflow-y:auto;padding:16px 0;width:220px}.app-sidebar .menu-item{border-left:4px solid #0000;cursor:pointer;padding:12px 20px;transition:background .2s}.app-sidebar .menu-item:hover{background:#2c3e50}.app-sidebar .menu-item.active{background:#2c3e50;border-left-color:#3498db}.app-content{flex:1 1;overflow-y:auto;padding:20px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:20px}.card,.card-title{margin-bottom:16px}.card-title{border-bottom:1px solid #ecf0f1;font-size:18px;font-weight:600;padding-bottom:12px}.btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 16px;transition:all .2s}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover{background:#2980b9}.btn-success{background:#27ae60;color:#fff}.btn-success:hover{background:#219a52}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover{background:#c0392b}.btn-warning{background:#f1c40f;color:#333}.btn-warning:hover{background:#d4ac0d}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d}.btn-sm{font-size:12px;padding:4px 10px}.device-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:2px 10px}.badge-online{background:#d4edda;color:#155724}.badge-offline{background:#f8d7da;color:#721c24}.badge-pending{background:#fff3cd;color:#856404}@media (max-width:768px){.app-header h1{font-size:16px}.app-sidebar{width:60px}.app-sidebar .menu-item span{display:none}.app-sidebar .menu-item{padding:12px;text-align:center}.device-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.41500ecc.css.map*/